Sublime Text 3能用支援的外掛程式推薦

標籤：

從二月份用測試版本build 3012開始用sublime text 3，雖然很多外掛程式在sublime text 3不工作了，因為sublime text 3修複了2的一些bug、提升了效能並整合了不少常用外掛程式的功能，當時沒什麼要求夠用了，就這樣傻傻地裸外掛程式空手寫代碼用了快5個月。上月27號Sublime Text 3公測了，又可以試用了，估計外掛程式的更新也差不多了吧，果斷上github逛逛看看有沒有sublime text 3能用的外掛程式，經過幾天折騰和試用，感覺不錯，推薦給大家，各位就擇你所好而用之。

Package control 外掛程式管理

sublime text非常強大的外掛程式管理的外掛程式，按下Ctrl+Shift+P，輸Package control就可以選擇外掛程式的安裝、管理、刪除等操作，因為sublime text 3的外掛程式需要基於pyhone 3編寫，所以用sublime text 2的安裝方法不管用，可以看看我之前寫的一篇文章，Sublime text 3如何安裝package control辦法 。

此外，安裝sublime text 3的外掛程式還可以在github上下載源檔案，解壓後改名放到

C:\Users\Mr.DenGo(你的電腦名)\AppData\Roaming\Sublime Text 3\Packages 中

重啟sublime text 3即可生效。

BracketHighlighter 高亮顯示匹配的括弧、引號和標籤

BracketHighlighter這個外掛程式能在左側高亮顯示匹配的括弧、引號和標籤，能匹配的[] ,  () ,  {} ,  "" ,  ‘‘ ,  <tag></tag>等甚至是自訂的標籤，當看到密密麻麻的代碼分不清標籤之間包容嵌套的關係時，這款外掛程式就能很好地幫你理清楚代碼結構，快速定位括弧，引號和標籤內的範圍。

外掛程式下載： https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3

TrailingSpacer 高亮顯示多餘的空格和Tab

有時候在代碼結尾打多了幾個空格或Tab，一般不會察覺，TrailingSpacer這款外掛程式能高亮顯示多餘的空格和Tab，並可以一鍵刪除它們，有代碼潔癖的朋友應該會喜歡這個外掛程式。

外掛程式下載： https://github.com/SublimeText/TrailingSpaces

注意，在github上下載的外掛程式缺少了一個設定快速鍵的檔案，可以建立一個名字和尾碼為Default (Windows).sublime-keymap的檔案，添加以下代碼，即可設定“刪除多餘空格”和“是否開啟TrailingSpacer ”的快速鍵了。

[    { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" },    { "keys": ["ctrl+alt+o"], "command": "toggle_trailing_spaces" }]

 

Alignment 等號對齊

按Ctrl+Alt+A，可以是淩亂的代碼以等號為準左右對其，適合有代碼潔癖的朋友。

外掛程式下載： https://github.com/kevinsperrine/sublime_alignment/tree/python3

Clipboard-history 粘貼板記錄

有了這個外掛程式，便可方便使用sublime text 3裡的粘貼板記錄內容，快速鍵Ctrl+Shift+V可調出該記錄面板，按方向鍵選擇想要粘貼的記錄。不過這是sublime text 2下的外掛程式，Ctrl+Shift+D清除粘貼板記錄好像不能生效，不過重啟sublime也可清除粘貼板的記錄。

外掛程式下載： https://github.com/kemayo/sublime-text-2-clipboard-history

gbk4subl 支援GBK編碼

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

外掛程式下載： https://github.com/jeewood/gbk4subl

Tradsim 中文繁字型和簡體字轉換

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

[    {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"},    {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"}]

 

SideBarEnhancements 側邊欄增強

SideBarEnhancements本是增強側邊欄的外掛程式，這裡將教大家如何用來做sublime text 3瀏覽器預覽外掛程式，並可自訂瀏覽器預覽的快速鍵。

安裝此外掛程式，點擊工具列的preferences > package setting > side bar > Key Building-User，鍵入以下代碼，這裡設定按Ctrl+Shift+C複製檔案路徑，按F1~F5分別在firefox，chrome，IE，safari，opera瀏覽器預覽效果，當然你也可以自己定義喜歡的快速鍵，最後注意代碼中的瀏覽器路徑要以自己電腦裡的檔案路徑為準。

[    { "keys": ["ctrl+shift+c"], "command": "copy_path" },    //firefox    { "keys": ["f1"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "C:\\software\\Browser\\Mozilla Firefox\\firefox.exe",                "extensions":".*" //匹配任何檔案類型            }    },    //chrome    { "keys": ["f2"], "command": "side_bar_files_open_with",            "args": {                "paths": [],                "application": "C:\\Users\\Mr.DenGo\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",                "extensions":".*"            }     },    //ie     { "keys": ["f3"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",                "extensions":".*"            }    },    //safari    { "keys": ["f4"], "command": "side_bar_files_open_with",            "args": {                "paths": [],                "application": "C:\\software\\Browser\\Safari\\safari.exe",                "extensions":".*"            }     },     //opera     { "keys": ["f5"], "command": "side_bar_files_open_with",             "args": {                "paths": [],                "application": "C:\\software\\Browser\\opera\\opera.exe",                "extensions":".*"            }    }]

 

ColorPicker 調色盤

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

外掛程式下載： https://github.com/weslly/ColorPicker

Hex-to-HSL-Color Hex顏色模式轉HSL顏色模式

在用CSS3的一些屬性時會用到HSL顏色模式，用軟體轉來轉去確實麻煩，用Hex-to-HSL-Color這個外掛程式便可輕鬆解決，滑鼠選中一個或多個十六進位顏色代碼，按下Shift+Ctrl+U立馬轉換為HSL顏色模式。

外掛程式下載： https://github.com/atadams/Hex-to-HSL-Color

CSScomb CSS屬性排序

有時候看看自己寫的CSS檔案，會不會覺得屬性很亂尋找不易維護難？CSScomb可以按照一定的CSS屬性定序，將雜亂無章的CSS屬性進行重新排序。選中要排序的CSS代碼，按C trl +S hift + C，即可對CSS屬性重新排序了，代碼從此簡潔有序易維護，如果不款選代碼則外掛程式將排序檔案中所有的CSS屬性。當然，可以自己自訂CSS屬性定序，開啟外掛程式目錄裡的CSScomb.sublime-settings檔案，更改裡面的CSS屬性順序就行了。

外掛程式下載： https://github.com/csscomb/CSScomb-for-Sublime

CSS Compact Expand CSS屬性展開收縮

每個人寫CSS都有不同的風格，有些人喜歡寫成一行，有些人喜歡寫成多行，各有各的好處，我倒喜歡將CSS寫成一行，這樣能減少CSS檔案大小，且螢幕能顯示更多的Class方便尋找。如果閱讀別人的代碼不符合自己的習慣，可以用CSS Compact Expand這個外掛程式將CSS格式化一下，按 Ctrl+Alt+[ 收縮CSS代碼為一行顯示，按 Ctrl+Alt+] 展開CSS代碼為多行顯示，此外掛程式由sublime textQQ群裡一個牛人封裝。

外掛程式下載： http://pan.baidu.com/share/link?shareid=251331&uk=590661480&third=15

JsFormat javascript格式化

有時從網上扒了人家的js代碼來學習學習，開啟發現被壓縮了，這時就可以用JsFormat外掛程式格式化js代碼，恢複未壓縮時候的排版，挺給力的。按快速鍵Ctrl+Alt+F即可格式化當前的js檔案了。

外掛程式下載： https://github.com/jdc0589/JsFormat

SublimeTmpl 快速組建檔案模板

一直都很奇怪為什麼sublime text 3沒有建立檔案模板的功能，像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款外掛程式終於可以解脫了，SublimeTmpl能建立html、css、javascript、php、python、ruby六種類型的檔案模板，所有的檔案模板都在外掛程式目錄的templates檔案夾裡，可以自訂編輯檔案模板。

SublimeTmpl預設的快速鍵

ctrl+alt+h htmlctrl+alt+j javascriptctrl+alt+c cssctrl+alt+p phpctrl+alt+r rubyctrl+alt+shift+p python

 

如果想要建立其他類型的檔案模板的話，先自訂檔案模板方在templates檔案夾裡，再分別開啟Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個檔案照著裡面的格式自訂想要建立的類型，這裡就詳細介紹了，請各位自己折騰哈~

外掛程式下載： https://github.com/kairyou/SublimeTmpl

Emmet html/CSS快速編輯（原名Zen Coding）

Zen Coding估計大家都不會陌生，前不久改名為Emmet了，雖然用Emmet編輯html很快，但是要用好用快它需要付出不小的學習成本，學習的曲線有點陡峭，以至於讓新手好奇而畏懼，我看看熱鬧就行了，感覺編輯得再快思維跟不上也是白搭，對我來說sublime text 3內建的代碼提示夠用了。網上有很多教學視頻，有興趣學習的可以去瞭解下。

外掛程式下載： https://github.com/sergeche/emmet-sublime

sublimeLinter 代碼錯誤提示

好話寫在前面：sublimeLinter是少數幾個能在sublime text 3工作的代碼檢查外掛程式，sublimeLinter能檢查html、css、javascript、php等眾多語言的錯誤碼並給出提示，前提是需要配置相應語言的環境，要檢查js代碼需要安裝node.js，檢查php代碼需要安裝php並配置環境等，用這個外掛程式能及時幫我們糾正代碼的錯誤，並培養我們良好的編碼習慣和風格。

醜話說在後面：對這貨“強制性”的代碼風格檢查有點不爽，有意義無意義的代碼提示經常打亂我敲代碼的節奏，並且在後台運行檢查機製造成sublime text 3有點小卡頓，雖然部分問題可以設定sublimeLinter來解決，用了sublimeLinter一小段時間後還是放棄了，覺得代碼提示對我應該沒必要了。

外掛程式下載： https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3

以上外掛程式只是個人覺得好用，各位就擇你所好而用之，在win8下sublime text 3中測試工作正常，點擊這裡還可以查看更多 sublime text 3支援的外掛程式 。細心的朋友也發現很多外掛程式的快速鍵重疊了，各位就依自己所好設定就行了。最後注意的是在github上下載外掛程式時先看看外掛程式有沒有明確說明支援sublime text3，如果沒有看看branch分支有沒有st3版本的外掛程式，不要下載錯了外掛程式版本。

Sublime Text 3能用支援的外掛程式推薦