從二月份用測試版本build 3012開始用sublime text 3，雖然不少插件在sublime text 3不工做了，由於sublime text 3修復了2的一些bug、提高了性能並集成了很多經常使用插件的功能，當時沒什麼要求夠用了，就這樣傻傻地裸插件空手寫代碼用了快5個月。上月27號Sublime Text 3公測了，又能夠試用了，估計插件的更新也差很少了吧，果斷上github逛逛看看有沒有sublime text 3能用的插件，通過幾天折騰和試用，感受不錯，推薦給你們，各位就擇你所好而用之。javascript
Package control 插件管理php
sublime text很是強大的插件管理的插件，按下Ctrl+Shift+P，輸Package control就能夠選擇插件的安裝、管理、刪除等操做，由於sublime text 3的插件須要基於pyhone 3編寫，因此用sublime text 2的安裝方法無論用，能夠看看我以前寫的一篇文章，Sublime text 3如何安裝package control辦法。css
此外，安裝sublime text 3的插件還能夠在github上下載源文件，解壓後更名放到html
C:\Users\Mr.DenGo(你的電腦名)\AppData\Roaming\Sublime Text 3\Packages 中java
重啓sublime text 3便可生效。node
BracketHighlighter 高亮顯示匹配的括號、引號和標籤python
BracketHighlighter這個插件能在左側高亮顯示匹配的括號、引號和標籤，能匹配的 [] , () , {} , "", '' , <tag></tag>等甚至是自定義的標籤，當看到密密麻麻的代碼分不清標籤之間包容嵌套的關係時，這款插件就能很好地幫你理清楚代碼結構，快速定位括號，引號和標籤內的範圍。git
插件下載：https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3github
TrailingSpacer 高亮顯示多餘的空格和Tabchrome
有時候在代碼結尾打多了幾個空格或Tab，通常不會察覺，TrailingSpacer這款插件能高亮顯示多餘的空格和Tab，並能夠一鍵刪除它們，有代碼潔癖的朋友應該會喜歡這個插件。
插件下載：https://github.com/SublimeText/TrailingSpaces
注意，在github上下載的插件缺乏了一個設置快捷鍵的文件，能夠新建一個名字和後綴爲Default (Windows).sublime-keymap的文件，添加如下代碼，便可設置「刪除多餘空格」和「是否開啓TrailingSpacer 」的快捷鍵了。
|
1
2
3
4
5
|
[
{ "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的文件，添加如下代碼，便可設置「轉換爲簡體字」和「轉換爲繁字體 」的快捷鍵了。注意：轉換是文件裏全局的中文。
|
1
2
3
4
5
|
[
{"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瀏覽器預覽效果，固然你也能夠本身定義喜歡的快捷鍵，最後注意代碼中的瀏覽器路徑要以本身電腦裏的文件路徑爲準。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
[
{ "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代碼，按Ctrl+Shift+C，便可對CSS屬性從新排序了，代碼今後簡潔有序易維護，若是不款選代碼則插件將排序文件中全部的CSS屬性。固然，能夠本身自定義CSS屬性排序規則，打開插件目錄裏的CSScomb.sublime-settings文件，更改裏面的CSS屬性順序就好了。由於這個插件使用PHP寫的，要使他工做須要在環境變量中添加PHP的路徑，具體請看github上的說明。
插件下載：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
javascript-API-Completions
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標籤屬性提示的插件，是少數支持sublime text 3的後綴提示的插件，HTML5標籤提示sublime text 3自帶，不過JQuery提示仍是頗有用處的，也可設置要提示的語言。
插件下載：https://github.com/Pleasurazy/Sublime-JavaScript-API-Completions
SublimeTmpl 快速生成文件模板
一直都很奇怪爲何sublime text 3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款插件終於能夠解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，全部的文件模板都在插件目錄的templates文件夾裏，能夠自定義編輯文件模板。
SublimeTmpl默認的快捷鍵
|
1
2
3
4
5
6
|
ctrl+alt+h html
ctrl+alt+j javascript
ctrl+alt+c css
ctrl+alt+p php
ctrl+alt+r ruby
ctrl+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版本的插件，不要下載錯了插件版本。