首先聲明一下，小編是做后臺開發(fā)出身,，但是總是想搗鼓一些小的網(wǎng)站出來,，可能是完美心作祟，感覺前端這邊不能差事,，所以就自己上了,，一開始是用 eclipse 來開發(fā)的，具體原因忘了,，也不知道怎么就開始用 Sublime 了,，猜測應(yīng)該是老師推薦的。

　　由于本人有強(qiáng)烈的系統(tǒng)癖,，經(jīng)常會把盤格掉,，然后重做系統(tǒng)，這樣導(dǎo)致的直接后果就是,，不斷的安裝各種日常軟件,，當(dāng)然包括 Sublime 了，眾所周知,，Sublime 主要是通過集成各式各樣的插件,，來實(shí)現(xiàn)高效編程的。

而最讓小編頭疼就是插件的安裝,，因?yàn)椴⒉皇翘貏e了解各種插件的功能以及使用場景,，所以安裝起開耗時(shí)耗力，有幾次實(shí)在是搞煩了,，直接把 Web 開發(fā)相關(guān)字樣的插件全部安裝了,，似不似傻。

　　今天呢,，是小編第 N 次安裝配置 Sublime3,，特地想把整個安裝配置的過程錄制下來，供大家查閱,。

一,、Sublime3 下載

1. 百度搜索 Sublime3, 選擇進(jìn)入下載頁面

2. 小編選擇下載 Win64 位安裝程序

二、Sublime3 安裝

傻瓜式安裝,，此處省略千言萬語,，然后打開就可以使用了，大家要注意的一點(diǎn)是,，Sublime3 是收費(fèi)軟件,，最傻的是，如果用戶不購買的話，在使用過程中會時(shí)不時(shí)出現(xiàn)要求購買的提示框,，哈哈,，但是我們可以輕松關(guān)掉呀，就當(dāng)是 Coding 過程中的娛樂了,，所以不需要購買,，就可以永久免費(fèi)使用了。

三,、Sublime3 插件配置

直接安裝

安裝 Sublime text 3 插件很方便,，可以直接下載安裝包解壓縮到 Packages 目錄（菜單 ->preferences->　　Browse Packages）。

使用 Package Control 組件安裝

也可以安裝 package control 組件,，然后直接在線安裝：

1. 按 Ctrl+` 調(diào)出 console（注：避免熱鍵沖突）
2. 粘貼以下代碼到命令行并回車：

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./' + pf.replace(' ','%20')).read())

　　3. 重啟 Sublime Text 3,。

　　4. 如果在 Perferences->package settings 中看到 package control 這一項(xiàng)，則安裝成功,。

用 Package Control 安裝插件的方法：

1. 按下 Ctrl+Shift+P 調(diào)出命令面板
2. 輸入 install 調(diào)出 Install Package 選項(xiàng)并回車,，然后在列表中選中要安裝的插件。

不爽的是,，有的網(wǎng)絡(luò)環(huán)境可能會不允許訪問陌生的網(wǎng)絡(luò)環(huán)境從而設(shè)置一道防火墻,，而 Sublime Text 3 貌似無法設(shè)置代理，可能就獲取不到安裝包列表了,。
方法介紹完了，接下來進(jìn)入今天正題,，一些有用的 Sublime Text 3 插件：

注意：安裝插件時(shí)保持網(wǎng)絡(luò)暢通,，避免插件由于網(wǎng)絡(luò)原因奔潰

1. Emmet（原名 Zen Coding）

一種快速編寫 html/css 的方法

注意：安裝 Emmet 的同時(shí)，也會自動安裝其依賴 PyV8 binary 庫,，安裝 PyV8 庫會用較長時(shí)間,，可以在 Sublime 左下角看到安裝進(jìn)程狀態(tài)

2. html5

支持 hmtl5 規(guī)范的插件包

注意：與 Emmet 插件配合使用，效果更好

使用方法：新建 html 文檔 > 輸入 html5 > 敲擊 Tab 鍵 > 自動補(bǔ)全 html5 規(guī)范文檔

3. jQuery

支持 JQuery 規(guī)范的插件包

4. javascript-API-Completions

支持 Javascript,、JQuery,、Twitter Bootstrap 框架、HTML5 標(biāo)簽屬性提示的插件,，是少數(shù)支持 sublime text 3 的后綴提示的插件,，HTML5 標(biāo)簽提示 sublime text 3 自帶，不過 JQuery 提示還是很有用處的,，也可設(shè)置要提示的語言,。

安裝方法（請閱讀鏈接詳情）：http://www./content-10545789.html

5. JSFormat

JS 代碼格式化插件。

使用方法：使用快捷鍵 ctrl+alt+f

6. SublimeLinter

一個支持 lint 語法的插件,，可以高亮 linter 認(rèn)為有錯誤的代碼行,，也支持高亮一些特別的注釋，比如 “TODO”,，這樣就可以被快速定位,。（IntelliJ IDEA 的 TODO 功能很贊,，這個插件雖然比不上，但是也夠用了吧）

7. BracketHighlighter

類似于代碼匹配,，可以匹配括號,，引號等符號內(nèi)的范圍。

使用方法：系統(tǒng)默認(rèn)為白色高亮,，可以使用鏈接所述方法進(jìn)行自定義配置

http://bbzoh.cn/content/14/1111/15/15077656_424301780.shtml

8. Alignment

代碼對齊,，如寫幾個變量，選中這幾行,，Ctrl+Alt+A,，哇，齊了,。

9. Ctags

函數(shù)跳轉(zhuǎn),，我的電腦上是 Alt + 點(diǎn)擊 函數(shù)名稱，會跳轉(zhuǎn)到相應(yīng)的函數(shù)

10. Doc?Blockr

注釋插件,，生成幽美的注釋,。標(biāo)準(zhǔn)的注釋，包括函數(shù)名,、參數(shù),、返回值等，并以多行顯示,，省去手動編寫,。

使用方法 (參考鏈接內(nèi)容)：http://www.cnblogs.com/huangtailang/p/4499988.html

11. SideBarEnhancements

側(cè)欄右鍵功能增強(qiáng)，非常實(shí)用

使用方法 (參考鏈接內(nèi)容)：http://www./notes/13810/d9b9ed2fb80785dae88a5344ef0f30d4.html