Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學
ZEN-CODING - 教你極速撰寫HTML5與CSS3程式碼
快捷鍵:自動完成 (ctrl + space)
因為和輸入法快捷鍵衝突,所以開啟 Preferences → Key Bindings - User
輸入:
{ "keys": ["alt+/"], "command": "auto_complete" },
{ "keys": ["alt+/"], "command": "replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
{ "key": "auto_complete_visible", "operator": "equal", "operand": false },
{ "key": "setting.tab_completion", "operator": "equal", "operand": true }
]
},
{ "keys": ["ctrl+k", "ctrl+/"], "command": "set_mark" }
存檔即可。
Preferences.sublime-settings:
// 游標設為呼吸燈模式
"caret_style": "phase",
// 當前 Line 高亮
"highlight_line": true,
// 增加 Line 的間距
"line_padding_bottom": 1,
"line_padding_top": 1,
// 括弧可摺疊
"fade_fold_buttons": false,
// Folders 的目錄字體加粗
"bold_folder_labels": true,
// 把 Tab 換成 2 個空白
"translate_tabs_to_spaces": true,
"tab_size": 2,
// 存檔時移除多餘空白
"trim_trailing_white_space_on_save": true
個人使用的 Package:
- EMMET - HTML + CSS 指令快捷生成
- ConvertToUTF8 - 提供非英文語格式支援
- IMESupport - 輸入法框跟隨
- BracketHighlighter - 對應區塊高亮
- TrailingSpaces (Ctrl + Shift + P) - 行末多餘空白處理
- DocBlockr - 自動註解(含格式)產生