Sublime Text 3 支援的熱門外掛程式推薦

標籤：

SublimeText是一款非常精巧的文字編輯器，適合編寫代碼、做筆記、寫文章。它使用者介面十分整潔，功能非同凡響，效能快得出奇。這些非常棒的特性 包括任意跳轉（Goto Anything）、多重選取（multiple selections）、指令面板（command palette）、免打擾模式（distraction free mode）、分區編輯（split editing）、快速項目切換（instant project switch），你還可以隨意地自訂更多功能。還有，這款編輯器支援Mac、Windows和Linux平台。

SublimeText本身已經非常強大，但是更棒的是有一長串的外掛程式支援它，給它帶來更強大的功能。本文將介紹一些 Sublime Text 3 支援的熱門外掛程式（Sublime Text 2 的一些外掛程式在 Sublime Text 3 上不支援）。

 

Package Control (GitHub)
提到 Sublime Text，就不得不說 Package Control，就像 Linux 下的 apt-get 和 yum 一樣，它是 Sublime Text 的包管理器，你用它可以輕鬆地找到你想要的外掛程式和管理已有外掛程式。

Package Control 安裝方法我之前已經分享過：《Sublime text 2/3 中 Package Control 的安裝與使用方法》

 

 

Emmet (GitHub)

Emmet 是一個前端開發的利器，其前身是 Zen Coding。它讓編寫 HTML 程式碼變得簡單。Emmet 的基本用法是：輸入簡寫形式，然後按 Tab 鍵。

關於 Emmet 的更多用法，請看官方文檔，這份速查表可以幫你快速記憶簡寫形式。

 

Theme – Soda (GitHub)

Soda Theme 是最受歡迎的 Sublime Text 主題。

安裝後你還需要在你的設定檔（菜單 Preferences -> Settings - User）中加入"theme": "Soda Light.sublime-theme" 或 "theme": "Soda Dark.sublime-theme"。要達到圖中的效果，你還需要下載與之搭配的 color scheme。

如果你喜歡 Soda Dark 和 Monokai，我建議你使用 Monokai Extended (GitHub)。這個 color scheme 是 Monokai Soda 的增強，如果再配合 Markdown Extended (GitHub)，將大大改善 Markdown 的文法高亮。

 

SublimeLinter (GitHub)

注意：此外掛程式需要手動安裝並切換到 sublime-text-3 分支。

SublimeLinter 是一個代碼校正外掛程式，它可以幫你找出錯誤或編寫不規範的代碼，支援 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。

在使用 SublimeLinter 之前，你要安裝相應的程式，詳見README。如果要校正 JavaScript 或 CSS，你還要安裝Node.js。

SublimeLinter 預設以 background 模式運行，在使用者輸入的同時即時校正，如果你想要 Sublime Text 運行得更流暢，可以改為 load-save 模式或 save-only 模式，在讀取和儲存是校正或只在儲存時校正。

開啟 SublimeLinter 的設定檔：菜單 Preferences -> Package Settings -> SublimeLinter -> Settings - User，加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

 

SideBarEnhancements (GitHub)

SideBarEnhancements 是一款很實用的右鍵菜單增強外掛程式，有以 diff 形式顯示未儲存的修改、在檔案管理工具中顯示該檔案、複製檔案路徑、在側邊欄中定位該檔案等功能，也有基礎的諸如建立檔案/目錄，編輯，開啟/運行，顯示，在選擇中/上級目錄/項目中尋找，剪下，複製，粘貼，重新命名，刪除，重新整理等常見功能。

SideBarEnhancements 還有一個功能就是自訂開啟檔案的程式，在側邊欄中右鍵點擊一個檔案（夾），選擇 Open With -> Edit Applications 就可以修改關聯了，設定檔內建樣本，可以很方便地套用。

 

Sublime?Code?Intel (GitHub)

Sublime?Code?Intel 是一個代碼提示、補全外掛程式，支援 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言，是 Sublime Text 內建代碼提示功能的很好擴充。它還有一個功能就是跳轉到變數、函數定義的地方，十分方便。

使用 Sublime?Code?Intel 之前你需要安裝相應程式並把路徑寫入 ~/.codeintel/config 或project_root/.codeintel/config 中，ReadMe 中有詳細的 說明，不再贅述。

十分不建議把 Sublime?Code?Intel 與其他單個語言的擴充 package 一同使用，雖然很多語言擴充 package 比 Sublime?Code?Intel 的代碼提示功能要完善。如果需要一同使用，請在使用者設定檔（菜單Preferences -> Package Settings -> Sublime?Code?Intel -> Settings - User 中加入下面的內容，並去掉要禁用的語言。

1. "codeintel_enabled_languages":
2. [
3. "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
4. ],
5. "codeintel_live_enabled_languages":
6. [
7. "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
8. ]

 

Alignment (GitHub)

Alignment 是一個代碼格式化外掛程式，它可以使多行代碼中的等號對齊，也可以調整多行代碼為一個縮排層級，預設快速鍵是 ctrl+alt+a（Mac OS 上是 cmd+ctrl+a）。

 

Bracket?Highlighter (GitHub)

Bracket?Highlighter 是一個括弧、引號、標籤高亮外掛程式，支援 []、()、{}、""、‘‘ 和 <tag></tag> 等，比 Sublime Text 內建的高亮要明顯得多。

 

Git (GitHub)

Git 外掛程式整合了 git 的常用功能，使用之前需要安裝 git 並寫入環境變數中。

 

gbk4subl (GitHub)

Sublime Text 一個遺憾是不支援中文 GBK 編碼，在編輯一些 GBK 編碼的檔案時就會出現亂碼，還好 Sublime Text 2 有很多可以支援 GBK 編碼的外掛程式，可惜大多在 Sublime Text 3下都不能工作，在 github 找了下，還好還有 gbk4subl 這款能讓 Sublime Text 3支援 GBK 編碼的外掛程式。

 

Sublime Tradsim (GitHub)

Tradsim 是一款能把中文的繁字型和簡體字互相轉換的外掛程式，只支援 UTF-8 編碼，雖然覺得有點雞肋，但還是介紹出來給需要的朋友吧，安裝外掛程式，因為外掛程式包裡沒快速鍵檔案，所以我們可以自訂一個，可以建立一個名字和尾碼為 Default (Windows).sublime-keymap 的檔案，添加以下代碼，即可設定“轉換為簡體字”和“轉換為繁字型 ”的快速鍵了。注意：轉換是檔案裡全域的中文。

1. [
2. {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},
3. {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}
4. ]

 

ColorPicker (GitHub)

在編輯CSS樣式的時候，要加個自己喜歡顏色或改改顏色啥的，要到PS裡去調色？ColorPicker 可以讓 Sublime Text 3內建一個調色盤，調好顏色，點擊OK就會在游標處產生十六進位顏色代碼。

 

SASS Build (GitHub)

SASS Build 是一個編寫CSS的前置處理器。這個特別的外掛程式將協助你妥善構建包括壓縮選項在內的SASS檔案。一旦你安裝了這個外掛程式，你可以很容易地通過按 Ctrl+ B（MAC系統是 Command +B）來啟動它。

 

PackageResourceViewer (GitHub)

通過這個特殊的外掛程式，會給你查看和編輯SublimeText附帶的不同的包帶來很多方便。您也可以提取任何給定的包。這一行動將其複製到使用者檔案夾，以便您可以安全地對其進行編輯。

 

CSSComb (GitHub)

這是用來給CSS屬性進行排序的格式化外掛程式。如果你想保持的代碼乾淨整潔，並且希望按一定的順序排列（是不是有點強迫症了？），那麼這個外掛程式是一種有效解決的方案。特別是當你和其他有自己代碼編寫風格的開發人員一同協作的時候。

 

MarkDown Editing (GitHub)

SublimeText 不僅僅是能夠查看和編輯 Markdown 檔案，但它會視它們為格式很糟糕的純文字。這個外掛程式通過適當的顏色高亮和其它功能來更好地完成這些任務。

 

FileDiffs (GitHub)

這個外掛程式允許你看到SublimeText中兩個不同檔案的差異。你可以比較的對象可以是從剪貼簿中複製的資料，或工程中的檔案，當前開啟的檔案等。

 

其他文法支援

如果有一個 SublimeText 本身所帶語言套件不包含的語言，它就無法顯示適當的文法高亮。這些語言套件括 LESS，Sass，SCSS，Styls 和 Jade（或其它）。如果您正在使用這些語言，你可能要安裝它們的文法外掛程式。

• LESS
• Sass
• SCSS
• Styls
• Jade

歡迎補充！

Sublime Text 3 支援的熱門外掛程式推薦