雖然很多插件在sublime text 3不工作了，因?yàn)閟ublime text 3修復(fù)了2的一些bug、提升了性能并集成了不少常用插件的功能sublime-text3和sublime-text2一樣安裝插件前都需要先安裝，Package control ，然而安裝Package control的代碼和sublime-text2又不相同。如：
先打開(kāi)安裝代碼的命令行 按 ctrl+~或者 view -> show console
sublime-text2 安裝 Package control的代碼：
import urllib2,os,hashlib;
h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0';
pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path();
os.makedirs( ipp ) if not os.path.exists(ipp) else None;
urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) );
by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();
open( os.path.join( ipp, pf), 'wb' ).write(by)
if dh == h else None;
print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
sublime-text3 安裝 Package control的代碼：
import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0';
pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();
print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
或者：
import urllib.request,os;pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));
open(os.path.join(ipp,pf),'wb').write(urllib.request.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
安裝好后就可以向sublime-text2以前一樣安裝插件了。
Sublime Text 3能用支持的插件推薦
1、Package control 插件管理
sublime text非常強(qiáng)大的插件管理的插件，按下Ctrl+Shift+P，輸Package control就可以選擇插件的安裝、管理、刪除等操作，因?yàn)閟ublime text 3的插件需要基于pyhone 3編寫(xiě)，所以用sublime text 2的安裝方法不管用，可以看看我之前寫(xiě)的一篇文章，Sublime text 3如何安裝package control辦法。
此外，安裝sublime text 3的插件還可以在github上下載源文件，解壓后改名放到
C:\Users\Mr.DenGo(你的電腦名)\AppData\Roaming\Sublime Text 3\Packages 中
重啟sublime text 3即可生效。
BracketHighlighter 高亮顯示匹配的括號(hào)、引號(hào)和標(biāo)簽
BracketHighlighter這個(gè)插件能在左側(cè)高亮顯示匹配的括號(hào)、引號(hào)和標(biāo)簽，能匹配的 [] , () , {} , "", '' , <tag></tag>等甚至是自定義的標(biāo)簽，當(dāng)看到密密麻麻的代碼分不清標(biāo)簽之間包容嵌套的關(guān)系時(shí)，這款插件就能很好地幫你理清楚代碼結(jié)構(gòu)，快速定位括號(hào)，引號(hào)和標(biāo)簽內(nèi)的范圍。
插件下載：https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3
2、TrailingSpacer 高亮顯示多余的空格和Tab
有時(shí)候在代碼結(jié)尾打多了幾個(gè)空格或Tab，一般不會(huì)察覺(jué)，TrailingSpacer這款插件能高亮顯示多余的空格和Tab，并可以一鍵刪除它們，有代碼潔癖的朋友應(yīng)該會(huì)喜歡這個(gè)插件。
插件下載：https://github.com/SublimeText/TrailingSpaces
注意，在github上下載的插件缺少了一個(gè)設(shè)置快捷鍵的文件，可以新建一個(gè)名字和后綴為Default (Windows).sublime-keymap的文件，添加以下代碼，即可設(shè)置“刪除多余空格”和“是否開(kāi)啟TrailingSpacer ”的快捷鍵了。
|
1 2 3 4 5 |
[ { "keys": ["ctrl+alt+d"], "command": "delete_trailing_spaces" }, { "keys": ["ctrl+alt+o"], "command": "toggle_trailing_spaces" } ] |
Alignment 等號(hào)對(duì)齊
按Ctrl+Alt+A，可以將凌亂的代碼以等號(hào)為準(zhǔn)左右對(duì)其，適合有代碼潔癖的朋友。
插件下載：https://github.com/kevinsperrine/sublime_alignment/tree/python3
3、Clipboard-history 粘貼板歷史記錄
有了這個(gè)插件，便可方便使用sublime text 3里的粘貼板歷史記錄內(nèi)容，快捷鍵Ctrl+Shift+V可調(diào)出該歷史記錄面板，按方向鍵選擇想要粘貼的歷史記錄。不過(guò)這是sublime text 2下的插件，Ctrl+Shift+D清除粘貼板歷史記錄好像不能生效，不過(guò)重啟sublime也可清除粘貼板的歷史記錄。
插件下載：https://github.com/kemayo/sublime-text-2-clipboard-history
4、gbk4subl 支持GBK編碼
sublime text一個(gè)遺憾是不支持中文GBK編碼，在編輯一些GBK編碼的文件時(shí)就會(huì)出現(xiàn)亂碼，還好sublime text 2有很多可以支持GBK編碼的插件，可惜大多在sublime text 3下都不能工作，在github找了下，還好還有g(shù)bk4subl這款能讓sublime text 3支持GBK編碼的插件。
插件下載：https://github.com/jeewood/gbk4subl
5、Tradsim 中文繁字體和簡(jiǎn)體字轉(zhuǎn)換
Tradsim是一款能把中文的繁字體和簡(jiǎn)體字互相轉(zhuǎn)換的插件，只支持UTF-8編碼，雖然覺(jué)得有點(diǎn)雞肋，但還是介紹出來(lái)給需要的朋友吧，安裝插件，因?yàn)椴寮餂](méi)快捷鍵文件，所以我們可以自定義一個(gè)，可以新建一個(gè)名字和后綴為Default (Windows).sublime-keymap的文件，添加以下代碼，即可設(shè)置“轉(zhuǎn)換為簡(jiǎn)體字”和“轉(zhuǎn)換為繁字體 ”的快捷鍵了。注意：轉(zhuǎn)換是文件里全局的中文。
|
1 2 3 4 5 |
[ {"keys": ["ctrl+alt+s"], "command": "tradsim_to_sim"}, {"keys": ["ctrl+alt+t"], "command": "tradsim_to_trad"} ] |
6、SideBarEnhancements 側(cè)邊欄增強(qiáng)
SideBarEnhancements本是增強(qiáng)側(cè)邊欄的插件，這里將教大家如何用來(lái)做sublime text 3瀏覽器預(yù)覽插件，并可自定義瀏覽器預(yù)覽的快捷鍵。
安裝此插件，點(diǎn)擊工具欄的preferences > package setting > side bar > Key Building-User，鍵入以下代碼，這里設(shè)置按Ctrl+Shift+C復(fù)制文件路徑，按F1~F5分別在firefox，chrome，IE，safari，opera瀏覽器預(yù)覽效果，當(dāng)然你也可以自己定義喜歡的快捷鍵，最后注意代碼中的瀏覽器路徑要以自己電腦里的文件路徑為準(zhǔn)。
|
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":".*" //匹配任何文件類(lèi)型 } }, //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":".*" } } ] |
7、ColorPicker 調(diào)色盤(pán)
在編輯CSS樣式的時(shí)候，要加個(gè)自己喜歡顏色或改改顏色啥的，要到PS里去調(diào)色？ColorPicker可以讓sublime text 3內(nèi)置一個(gè)調(diào)色盤(pán)，調(diào)好顏色，點(diǎn)擊OK就會(huì)在光標(biāo)處生成十六進(jìn)制顏色代碼。
插件下載：https://github.com/weslly/ColorPicker
8、Hex-to-HSL-Color Hex顏色模式轉(zhuǎn)HSL顏色模式
在用CSS3的一些屬性時(shí)會(huì)用到HSL顏色模式，用軟件轉(zhuǎn)來(lái)轉(zhuǎn)去確實(shí)麻煩，用Hex-to-HSL-Color這個(gè)插件便可輕松解決，鼠標(biāo)選中一個(gè)或多個(gè)十六進(jìn)制顏色代碼，按下Shift+Ctrl+U立馬轉(zhuǎn)換為HSL顏色模式。
插件下載：https://github.com/atadams/Hex-to-HSL-Color
9、CSScomb CSS屬性排序
有時(shí)候看看自己寫(xiě)的CSS文件，會(huì)不會(huì)覺(jué)得屬性很亂查找不易維護(hù)難？CSScomb可以按照一定的CSS屬性排序規(guī)則，將雜亂無(wú)章的CSS屬性進(jìn)行重新排序。選中要排序的CSS代碼，按Ctrl+Shift+C，即可對(duì)CSS屬性重新排序了，代碼從此簡(jiǎn)潔有序易維護(hù)，如果不款選代碼則插件將排序文件中所有的CSS屬性。當(dāng)然，可以自己自定義CSS屬性排序規(guī)則，打開(kāi)插件目錄里的CSScomb.sublime-settings文件，更改里面的CSS屬性順序就行了。因?yàn)檫@個(gè)插件使用PHP寫(xiě)的，要使他工作需要在環(huán)境變量中添加PHP的路徑，具體請(qǐng)看github上的說(shuō)明。
插件下載：https://github.com/csscomb/CSScomb-for-Sublime
10、CSS Compact Expand CSS屬性展開(kāi)收縮
每個(gè)人寫(xiě)CSS都有不同的風(fēng)格，有些人喜歡寫(xiě)成一行，有些人喜歡寫(xiě)成多行，各有各的好處，我倒喜歡將CSS寫(xiě)成一行，這樣能減少CSS文件大小，且屏幕能顯示更多的Class方便查找。如果閱讀別人的代碼不符合自己的習(xí)慣，可以用CSS Compact Expand這個(gè)插件將CSS格式化一下，按 Ctrl+Alt+[ 收縮CSS代碼為一行顯示，按 Ctrl+Alt+] 展開(kāi)CSS代碼為多行顯示，此插件由sublime textQQ群里一個(gè)牛人封裝。
插件下載：http://pan.baidu.com/share/link?shareid=251331&uk=590661480&third=15
11、JsFormat javascript格式化
有時(shí)從網(wǎng)上扒了人家的js代碼來(lái)學(xué)習(xí)學(xué)習(xí)，打開(kāi)發(fā)現(xiàn)被壓縮了，這時(shí)就可以用JsFormat插件格式化js代碼，恢復(fù)未壓縮時(shí)候的排版，挺給力的。按快捷鍵Ctrl+Alt+F即可格式化當(dāng)前的js文件了。
插件下載：https://github.com/jdc0589/JsFormat
javascript-API-Completions
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標(biāo)簽屬性提示的插件，是少數(shù)支持sublime text 3的后綴提示的插件，HTML5標(biāo)簽提示sublime text 3自帶，不過(guò)JQuery提示還是很有用處的，也可設(shè)置要提示的語(yǔ)言。
插件下載：https://github.com/Pleasurazy/Sublime-JavaScript-API-Completions
12、SublimeTmpl 快速生成文件模板
一直都很奇怪為什么sublime text 3沒(méi)有新建文件模板的功能，像html頭部的DTD聲明每次都要復(fù)制粘貼。用SublimeTmpl這款插件終于可以解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類(lèi)型的文件模板，所有的文件模板都在插件目錄的templates文件夾里，可以自定義編輯文件模板。
SublimeTmpl默認(rèn)的快捷鍵
|
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 |
如果想要新建其他類(lèi)型的文件模板的話(huà)，先自定義文件模板方在templates文件夾里，再分別打開(kāi)Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個(gè)文件照著里面的格式自定義想要新建的類(lèi)型，這里就詳細(xì)介紹了，請(qǐng)各位自己折騰哈~
插件下載：https://github.com/kairyou/SublimeTmpl
13、Emmet html/CSS快速編輯（原名Zen Coding）
Zen Coding估計(jì)大家都不會(huì)陌生，前不久改名為Emmet了，雖然用Emmet編輯html很快，但是要用好用快它需要付出不小的學(xué)習(xí)成本，學(xué)習(xí)的曲線(xiàn)有點(diǎn)陡峭，以至于讓新手好奇而畏懼，我看看熱鬧就行了，感覺(jué)編輯得再快思維跟不上也是白搭，對(duì)我來(lái)說(shuō)sublime text 3自帶的代碼提示夠用了。網(wǎng)上有很多教學(xué)視頻，有興趣學(xué)習(xí)的可以去了解下。
插件下載：https://github.com/sergeche/emmet-sublime
14、sublimeLinter 代碼錯(cuò)誤提示
好話(huà)寫(xiě)在前面：sublimeLinter是少數(shù)幾個(gè)能在sublime text 3工作的代碼檢查插件，sublimeLinter能檢查html、css、javascript、php等眾多語(yǔ)言的錯(cuò)誤代碼并給出提示，前提是需要配置相應(yīng)語(yǔ)言的環(huán)境，要檢查js代碼需要安裝node.js，檢查php代碼需要安裝php并配置環(huán)境等，用這個(gè)插件能及時(shí)幫我們糾正代碼的錯(cuò)誤，并培養(yǎng)我們良好的編碼習(xí)慣和風(fēng)格。
丑話(huà)說(shuō)在后面：對(duì)這貨“強(qiáng)制性”的代碼風(fēng)格檢查有點(diǎn)不爽，有意義無(wú)意義的代碼提示經(jīng)常打亂我敲代碼的節(jié)奏，并且在后臺(tái)運(yùn)行檢查機(jī)制造成sublime text 3有點(diǎn)小卡頓，雖然部分問(wèn)題可以設(shè)置sublimeLinter來(lái)解決，用了sublimeLinter一小段時(shí)間后還是放棄了，覺(jué)得代碼提示對(duì)我應(yīng)該沒(méi)必要了。
插件下載：https://github.com/SublimeLinter/SublimeLinter/tree/sublime-text-3
以上插件只是個(gè)人覺(jué)得好用，各位就擇你所好而用之，在win8下sublime text 3中測(cè)試工作正常，點(diǎn)擊這里還可以查看更多sublime text 3支持的插件。細(xì)心的朋友也發(fā)現(xiàn)很多插件的快捷鍵重疊了，各位就依自己所好設(shè)置就行了。最后注意的是在github上下載插件時(shí)先看看插件有沒(méi)有明確說(shuō)明支持sublime text3，如果沒(méi)有看看branch分支有沒(méi)有st3版本的插件，不要下載錯(cuò)了插件版本。
喜歡 
頂
難過(guò)
囧
圍觀(guān)
無(wú)聊
