我的Sublime Text 3套件分享

Sublime Text 3 是許多開發者愛用的輕量級文字編輯器，搭配套件可以大幅提升開發效率。以下整理我常用的套件清單，以及為什麼選擇它們。

安裝 Package Control

所有套件透過 Package Control 管理，安裝方式：

1. 開啟 Sublime Text 3
2. 按 Ctrl + Shift + P（Mac: Cmd + Shift + P）
3. 輸入 Install Package Control 並按 Enter
4. 安裝完成後重啟 Sublime Text

之後安裝任何套件：Ctrl + Shift + P → Package Control: Install Package → 搜尋套件名稱

套件清單

檔案與編輯輔助

AdvancedNewFile
比內建的新增檔案更聰明，可在對話框直接輸入路徑，自動建立不存在的資料夾。快速鍵：Ctrl + Alt + N。

Alignment
自動對齊程式碼中的等號、冒號等符號，讓多行變數賦值整齊排列。快速鍵：Ctrl + Alt + A。

Text Pastry
可在多個游標位置插入遞增數字（1, 2, 3…）或自訂序列，對大量重複編輯非常實用。選取多行後按 Ctrl + Alt + V 呼叫。

StringEncode
快速轉換 HTML entities（例如 < 轉 <），或進行 URL encode/decode，前後端開發都很常用。

語法與格式化

Pretty JSON
將壓縮的 JSON 格式化為易讀的縮排格式，或將格式化的 JSON 壓縮為單行。Ctrl + Shift + P → Pretty JSON: Format。

SqlBeautifier
自動格式化 SQL 語句，讓複雜的查詢更易閱讀。

DocBlocker
輸入 /** 後按 Enter 自動生成 JSDoc/PHPDoc 格式的註解區塊，適合需要撰寫文件的專案。

框架與語言支援

Bootstrap 3 Snippets
提供 Bootstrap 3 元件的快速片段（snippets），例如輸入 bs3- 前綴即可選擇需要的元件。

Emmet
HTML/CSS 的神器，使用縮寫快速展開為完整標籤。例如 div.container>ul>li*3 + Tab 可展開完整結構。

jQuery
提供 jQuery 方法的語法提示與高亮，加速 jQuery 開發。

PHP-Twig
提供 Twig 模板語言（Laravel Blade 的前身）的語法高亮與提示。

輸入與編碼

All Autocomplete
將所有已開啟檔案中的詞彙加入自動補全清單，不局限於當前檔案，對大型專案特別有幫助。

ConvertToUTF8
在不支援 UTF-8 的環境（如舊版 Big5 檔案）中，可自動偵測並轉換編碼，避免中文亂碼問題。

IMESupport
讓中文輸入法（如新酷音、倉頡）在 Sublime Text 中正常顯示，解決輸入框位置偏移的問題。

視覺輔助

BracketHighlighter
高亮顯示對應的括號、引號、標籤，並在行號旁顯示符號，可快速跳到對應位置，在複雜的巢狀結構中非常實用。

推薦設定

1
2
3
4
5
6
7
8
9

// Preferences → Settings (User)
{
    "font_size": 14,
    "tab_size": 4,
    "translate_tabs_to_spaces": true,
    "trim_trailing_white_space_on_save": true,
    "ensure_newline_at_eof_on_save": true,
    "rulers": [80, 120]
}

注意：Sublime Text 目前已發展到 Sublime Text 4，部分舊套件可能需要更新版本才能相容。若考慮切換編輯器，VS Code 也是現今非常流行的選擇，擁有更豐富的免費套件生態系。