前端神器 Sublime Text 2

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

 

Windows 的 Sublime 有兩種版本：
普通版（Normal）
　　Sublime Text 相關的檔案被放在了兩個目錄中，一個用於放置程式及其相關檔案，一個用於放置資料
便攜版（Portable）
　　所有的 Sublime Text 相關檔案被放置在一個檔案夾中（建議用這種，這樣你換一台電腦，直接把檔案拷過去，就可以了，不用再去安裝外掛程式，配置啥了，太爽了，有木有）

 

Sublime除了本身好用，個人感覺在於它強大的外掛程式，下面介紹下外掛程式安裝的方法：
1.直接安裝
　　安裝Sublime text 2外掛程式很方便，可以直接下載安裝包解壓縮到Packages目錄（preferences->packages）。
2.使用Package Control組件安裝（推薦）
　　按Ctrl+`（`就是tab鍵上面那個，看了其他教程，害我找半天。。。）調出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這一項，則安裝成功

　　然後按Ctrl+shift+p，輸入install package，最後輸入外掛程式名字按斷行符號即可。一切看起來都很美好，但在有代理的環境下這種安裝方法可能會失敗，我公司的環境就這樣，怎麼解決呢？解決方案如下：

　　1.下載proxifier,請google（proxifier的註冊機會被安全軟體當做木馬，需要先允許存取）
　　2.設定Proxy 伺服器
    　　  設定檔=》Proxy 伺服器=》新增
    　　  Proxy 位址：如xx.xx.com
   　　   連接埠：如8080
    　　  https
　　3.配置代理規則
　　　　將sublime的可以將對應的exe添加到代理規則中去

 

實用外掛程式列表（以下外掛程式經博主都已安裝，確實爽歪歪）：

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

 

SublimeLinter
　　一個支援lint文法的外掛程式，ctrl+alt+l呼出（與qq的鎖定衝突，自己去改熱鍵吧）可以高亮linter認為有錯誤的程式碼

 

jQuery
　　用jquery的同學不容錯過啊，寫完後按tab鍵，有驚喜；

Alignment
　　代碼對齊，如寫幾個變數，選中後，Ctrl+Alt+A，對代碼有潔癖的人會喜歡的

之前

之後

 

Bracket Highlighter
　　高亮代碼匹配，可以匹配括弧，引號，標籤等各種

 

DocBlockr
　　自動注釋，完全符合jsdoc標準，按/**即可，再也不用為注釋煩惱啦

Prefixr
　　寫 CSS可自動添加 -webkit 等私人詞綴，Ctrl+Alt+X觸發

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

JS Format
　　一個JS代碼格式化外掛程式，ctrl+alt+f格式化代碼，讓代碼分分鐘變漂亮

Theme - soda

　　這個主題相當cool，在preferences->user setting中加入
　　"color_scheme": "Packages/Color Scheme - Default/Monokai Soda.tmTheme",
　　"theme": "Soda Dark.sublime-theme"
　　安裝新的代碼色彩配置
　　點擊Preferences->Browse Packages開啟包安裝目錄，找到Color Scheme - Default檔案夾，把下載來的新的配色安裝放入即可

Sublime Text快速鍵：
　　Ctrl+Shift+P：開啟命令選擇區
　　Ctrl+P：搜尋項目中的檔案
　　Ctrl+G：跳轉到第幾行
　　Ctrl+W：關閉當前開啟檔案
　　Ctrl+Shift+W：關閉所有開啟檔案
　　Ctrl+Shift+V：粘貼並格式化
　　Ctrl+D：選擇單詞，重複可增加選擇下一個相同的單詞
　　Ctrl+L：選擇行，重複可依次增加選擇下一行
　　Ctrl+Shift+L：選擇多行
　　Ctrl+Shift+Enter：在當前行前插入新行
　　Ctrl+M：跳轉到對應括弧
　　Ctrl+U：軟撤銷，撤銷游標位置
　　Ctrl+J：選擇標籤內容
　　Ctrl+F：尋找內容
　　Ctrl+Shift+F：尋找並替換
　　Ctrl+H：替換
　　Ctrl+R：前往 method
　　Ctrl+N：建立視窗
　　Ctrl+K+B：開關側欄
　　Ctrl+Shift+M：選中當前括弧內容，重複可選著括弧本身
　　Ctrl+F2：設定/刪除標記
　　Ctrl+/：注釋當前行
　　Ctrl+Shift+/：當前位置插入注釋
　　Ctrl+Alt+/：塊注釋，並Focus到首行，寫注釋說明用的
　　F11：全屏
　　Shift+F11：全屏免打擾模式，只編輯當前檔案
　　Alt+F3：選擇所有相同的詞
　　Alt+Shift+數字：分屏顯示
　　Alt+數字：切換開啟第N個檔案
　　Ctrl+Tab：切換tab
　　Ctrl+Shift+上下鍵，可替換行

 

 工欲善其事，必先利其器。沒錯，sublime絕對是前端利器，繼續使用，繼續總結。大家如果有什麼好的關於sublime的外掛程式及技巧，請補充，謝謝。