Sublime Text2 插件配置

寫在前面

改用 Sublime 有 2 星期了，最初沒有插件，然後裝了一堆插件，現在只留下了最好用的幾個插件，有的插件需要手動配置，也都配置好了

一。聲明

筆者習慣把各種���件裝在 D 盤 Program Files，包括 Firefox、NodeJS 等等，因為有些插件需要配置 node.exe 等文件的路徑，所以安裝路徑與筆者不同的朋友可能需要手動修改路徑

筆者喜歡綠色的註釋，討厭預設的灰色，並且把 Sublime 當前 tab 頁標題改成了紅色，目前項目組要求統一使用單引號，如果不喜歡這些偏好，請自行想辦法改回來

一些快捷鍵設置也是個人偏好，用的不爽請自行修改，後面會給出常用快捷鍵列表

二。好用的插件

###Better Completion

代碼提示、代碼補全（自動完成）功能非常強大，支持各種語言，js、css、grunt 配置文件語法、PHP 甚至 SQL

###BracketHighlighter

高亮顯示括號對兒，預設的下劃線確實不容易看，有了這個就好了

###Colorcoder

顏色更鮮明的代碼塊，讓黑白代碼塊顏色更豐富，看得更清楚

###CSS Format

展開/縮緊 css 代碼，寫大篇幅 css 時候比較好用

###CSScomb

功能很強大，能夠整理 css 規則的順序，比如把寬高、顏色、邊距規則用空行分隔開，方便修改還能防止樣式重複

缺點是脾氣比較怪，必須是 css 後綴文件，而且文件路徑不能有中文（文件名可以是中文），否則報錯提示 Unicode Error 或者 node 路徑設置不對，不管怎麼改都沒有用

###CSSLint

能檢查 CSS 錯誤，提示重複什麼的，主要配合 SublimeLinter 使用，SublimeLinter 將在後面介紹，一個非常好用的東西

###DocBlockr

文檔註釋生成工具，筆者就是奔著這個來的，note pad++ 竟然沒有生成 js 註釋的插件，棄之

###Emmet

最強大的的插件之一，手速不夠快，碼得慢？不要緊，我們有縮略語，30 字/分鐘也能碼得飛快

###GBK Encoding Support

必備的插件，如果打開某個 txt 發現中文亂碼，用這個就對了

###HTML-CSS-JS Prettify

主要用來格式化 HTML，支持的 Sublime2 的格式化 HTML 插件不多，這個算是比較好用的

###JsFormat

用來格式化 js 代碼，不常用，主要用來讀別人代碼，看到不爽的代碼風格趕緊格式化了去

###JSHint

能檢查 js 錯誤，配合 SublimeLinter 使用，能提示 js 語法錯誤的輕量級編輯器，盼了很久了

不推薦 jslint 插件，總報一些無關緊要的錯誤，配置還不好改

注意，只單獨裝這個是沒有用的，需要 nodejs 和 jshint，jshint 的安裝方法是npm install jshint -g

###Package Control

必備，管理插件超方便，在線下載立即安裝重啟生效，好用

###SublimeLinter

最強大的的插件之一，還在羨慕 eclipse 和 vs 裡的紅色波浪線錯誤提示？有了這個，輕鬆報錯

###View In Browser

用來彌補 Sublime 不能 run html 的缺陷，預設快捷鍵 Ctrl + Alt + 瀏覽器首字母縮寫，比如 C ~ Chrome、F ~ Firefox、I ~ IE

三。常用快捷鍵

• Alt + X：在預設瀏覽器（Chrome）中打開 html

• Ctrl + Shift + J：執行 jshint

• Ctrl + S：保存文件並執行 SublimeLinter 檢查錯誤，錯誤處會有白邊框起來，並會 popup 顯示錯誤列表

• Ctrl + Shift + C：執行 CSS Comb 重新排列 css 樣式

• /** + Enter：生成 js 註釋（API 文檔註釋，風格類似於 JSDOC）

• Ctrl + E：執行 Emmet，展開縮略式

• 其它：選中代碼，右鍵選擇需要執行的插件

四。配置包下載

百度網盤：點我下載

下載解壓到 Sublime 插件安裝路徑，覆蓋原 package 文件夾即可