Sublime Text 2是一個(gè)輕量、簡(jiǎn)潔、高效、跨平臺(tái)的編輯器。博主之前一直用notepdd++寫前端代碼，用得也挺順手了，早就聽說sublime的大名，一直也懶得去試試看，認(rèn)為都是工具用著順手就好。這幾天突然心血來潮，下了個(gè)試了下，結(jié)果。。。結(jié)果博主毫無節(jié)操的拋棄了notepad++。。。下面根據(jù)博主這幾天的使用心得，來介紹下這款前端神器，介于使用時(shí)間很短，有些說的不妥的地方還望各位看官海涵。

Windows 的 Sublime 有兩種版本：
普通版（Normal）
　　Sublime Text 相關(guān)的文件被放在了兩個(gè)目錄中，一個(gè)用于放置程序及其相關(guān)文件，一個(gè)用于放置數(shù)據(jù)
便攜版（Portable）
　　所有的 Sublime Text 相關(guān)文件被放置在一個(gè)文件夾中（建議用這種，這樣你換一臺(tái)電腦，直接把文件拷過去，就可以了，不用再去安裝插件，配置啥了，太爽了，有木有）

Sublime除了本身好用，個(gè)人感覺在于它強(qiáng)大的插件，下面介紹下插件安裝的方法：
1.直接安裝
　　安裝Sublime text 2插件很方便，可以直接下載安裝包解壓縮到Packages目錄（preferences->packages）。
2.使用Package Control組件安裝（推薦）
　　按Ctrl+`（`就是tab鍵上面那個(gè)，看了其他教程，害我找半天。。。）調(diào)出console
　　粘貼以下代碼到底部命令行并回車：
　　import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
　　重啟Sublime Text 2。
　　如果在Perferences->package settings中看到package control這一項(xiàng)，則安裝成功

　　然后按Ctrl+shift+p，輸入install package，最后輸入插件名字按回車即可。一切看起來都很美好，但在有代理的環(huán)境下這種安裝方法可能會(huì)失敗，我公司的環(huán)境就這樣，怎么解決呢？解決方案如下：

　　1.下載proxifier,請(qǐng)google（proxifier的注冊(cè)機(jī)會(huì)被安全軟件當(dāng)做木馬，需要先放行）
　　2.設(shè)置代理服務(wù)器
    　　  配置文件=》代理服務(wù)器=》新增
    　　  代理地址：如xx.xx.com
   　　   端口：如8080
    　　  https
　　3.配置代理規(guī)則
　　　　將sublime的可以將對(duì)應(yīng)的exe添加到代理規(guī)則中去

實(shí)用插件列表（以下插件經(jīng)博主都已安裝，確實(shí)爽歪歪）：

Emmet(就是zencoding，這貨改名了，網(wǎng)上很多還寫著這名字)
　　快速寫html代碼，ctrl+alt+enter呼出，具體請(qǐng)參考：http://docs.emmet.io/abbreviations/syntax/

SublimeLinter
　　一個(gè)支持lint語法的插件，ctrl+alt+l呼出（與qq的鎖定沖突，自己去改熱鍵吧）可以高亮linter認(rèn)為有錯(cuò)誤的代碼行

jQuery
　　用jquery的同學(xué)不容錯(cuò)過啊，寫完后按tab鍵，有驚喜；

Alignment
　　代碼對(duì)齊，如寫幾個(gè)變量，選中后，Ctrl+Alt+A，對(duì)代碼有潔癖的人會(huì)喜歡的

Bracket Highlighter
　　高亮代碼匹配，可以匹配括號(hào)，引號(hào)，標(biāo)簽等各種

DocBlockr
　　自動(dòng)注釋，完全符合jsdoc標(biāo)準(zhǔn)，按/**即可，再也不用為注釋煩惱啦

Prefixr
　　寫 CSS可自動(dòng)添加 -webkit 等私有詞綴，Ctrl+Alt+X觸發(fā)

Tag
　　Html格式化，右鍵Auto-Format Tags on Ducument。

JS Format
　　一個(gè)JS代碼格式化插件，ctrl+alt+f格式化代碼，讓代碼分分鐘變漂亮

Theme - soda

　　這個(gè)主題相當(dāng)cool，在preferences->user setting中加入
　　"color_scheme": "Packages/Color Scheme - Default/Monokai Soda.tmTheme",
　　"theme": "Soda Dark.sublime-theme"
　　安裝新的代碼配色方案
　　點(diǎn)擊Preferences->Browse Packages打開包安裝目錄，找到Color Scheme - Default文件夾，把下載來的新的配色安裝放入即可


Sublime Text快捷鍵：
　　Ctrl+Shift+P：打開命令面板
　　Ctrl+P：搜索項(xiàng)目中的文件
　　Ctrl+G：跳轉(zhuǎn)到第幾行
　　Ctrl+W：關(guān)閉當(dāng)前打開文件
　　Ctrl+Shift+W：關(guān)閉所有打開文件
　　Ctrl+Shift+V：粘貼并格式化
　　Ctrl+D：選擇單詞，重復(fù)可增加選擇下一個(gè)相同的單詞
　　Ctrl+L：選擇行，重復(fù)可依次增加選擇下一行
　　Ctrl+Shift+L：選擇多行
　　Ctrl+Shift+Enter：在當(dāng)前行前插入新行
　　Ctrl+M：跳轉(zhuǎn)到對(duì)應(yīng)括號(hào)
　　Ctrl+U：軟撤銷，撤銷光標(biāo)位置
　　Ctrl+J：選擇標(biāo)簽內(nèi)容
　　Ctrl+F：查找內(nèi)容
　　Ctrl+Shift+F：查找并替換
　　Ctrl+H：替換
　　Ctrl+R：前往 method
　　Ctrl+N：新建窗口
　　Ctrl+K+B：開關(guān)側(cè)欄
　　Ctrl+Shift+M：選中當(dāng)前括號(hào)內(nèi)容，重復(fù)可選著括號(hào)本身
　　Ctrl+F2：設(shè)置/刪除標(biāo)記
　　Ctrl+/：注釋當(dāng)前行
　　Ctrl+Shift+/：當(dāng)前位置插入注釋
　　Ctrl+Alt+/：塊注釋，并Focus到首行，寫注釋說明用的
　　F11：全屏
　　Shift+F11：全屏免打擾模式，只編輯當(dāng)前文件
　　Alt+F3：選擇所有相同的詞
　　Alt+Shift+數(shù)字：分屏顯示
　　Alt+數(shù)字：切換打開第N個(gè)文件
　　Ctrl+Tab：切換tab
　　Ctrl+Shift+上下鍵，可替換行

 工欲善其事，必先利其器。沒錯(cuò)，sublime絕對(duì)是前端利器，繼續(xù)使用，繼續(xù)總結(jié)。大家如果有什么好的關(guān)于sublime的插件及技巧，請(qǐng)補(bǔ)充，謝謝。

最新評(píng)論