Sublime Text 3 的相關資源

Sublime Text 全程指南
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 - 自動註解(含格式)產生