Sublime Text 3 前端必備外掛
一、安裝Package Control外掛
在安裝外掛之前，需要讓sublime安裝Package Control。
使用Ctrl+`（Esc鍵下方）快捷鍵或者通過View->Show Console選單開啟命令列，將以下程式碼複製後貼上到控制檯中，然後按Enter(回車)，稍等片刻
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by 如果安裝成功，就可以在Preferences選單下看到Package Settings和Package Control兩個選單。
若不能通過以上方式成功安裝，可嘗試以下方式手動安裝：
1.點選Preferences->Browse Packages…選單
2.進入開啟的目錄的上層目錄（即Sublime Text 3目錄）
3.再開啟Installed Packages目錄
5.重啟Sublime Text 3
二、安裝Emmet（示例）外掛
在Sublime Text 3中按下快捷鍵Ctrl+Shift+P
在出現的文字框中輸入Install Package(或直接輸入“ip”)選中Install Package並回車（可能需要等待幾秒鐘，在此過程中不能進行任何滑鼠/鍵盤操作）
輸入或選擇你需要的外掛再按Enter（回車）就可以安裝外掛了（下圖以安裝Emmet外掛為例）
在安裝過程中，左下角會顯示正在安裝的提示，靜候片刻
正在安裝的提示
若安裝成功，相應的，左下角會出現安裝成功的提示
三、常用前端外掛
emmet
前端神器。一個可以極大提高web開發者HTML和CSS工作效率的工具箱元件。
CSS3
CSS3語法高亮、CSS語法提示，美中不足的是缺少遊覽器私有屬性高亮。
CSS Extended Completions
關聯CSS檔案，智慧提示css檔案中的類名，非常好用。
JavaScript Completions
支援javascript原生語法提示，媽媽再也不用擔心我輸入document.getElementById(id)。
jQuery
為jQuery的大部分方法提供了示例程式碼段，讓jQuery的API更加容易使用。
ColorHighlighter
它可以展示你所選擇的顏色程式碼（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正顏色。同時它還包含一個顏色選擇器讓你可以方便地更改顏色。
BracketHighlighter
括號以及標籤層級顯示，不用擔心選中的程式碼屬於哪個程式碼塊，一目瞭然。
高亮顯示[], (), {}, “”, ”, 符號，便於檢視起始和結束標記
HTML-CSS-JS Prettify
THML、CSS、JS程式碼格式化，壓縮過後的程式碼可以通過該工具復原。
AlignTab
使用正則表示式來幫助程式碼對齊，比如幾行程式碼以=號對齊。
AutoFileName
快速列出想要引用的資料夾裡所有檔案的名字。
ColorPicker
如果你經常要檢視或設定顏色值，這個外掛可以很方便地呼叫你本機的調色盤應用。（譯者擴充：）這是一個雙向的功能，你既可以在調色盤中選擇一個顏色，然後按“確定”按鈕把該值填寫到 SublimeText 中活動文件的當前位置，也可以在活動文件中選擇一個顏色的值，按此外掛的快捷鍵就會在顯示的調色盤中定位到該值所對應的顏色。
JsFormat
可以自動幫助你格式化JavaScript程式碼，形成一種通用的格式，比如對壓縮、空格、換行的js程式碼進行整理，使得js程式碼結構清晰，易於觀看。在已壓縮的JS檔案中，右鍵選擇jsFormat或者使用預設快捷鍵（Ctrl+Alt+F）
DocBlockr
可以快速生成各種註釋格式，當需要生成註釋符號時，輸入/*、/然後回車系統即幫你自動生成，如果/後面剛好是一個函式的定義，註釋格式會根據函式的引數生成。
Sidebar Enhancements
增強側欄檔案右鍵功能。
sublimeCodeIntel
JS程式碼自動補全，支援多種語言的自動補全。
SideBarEnhancements
一款很實用的右鍵選單增強外掛
TrailingSpaces
能高亮顯示多餘的空格和Tab
Terminal
可以允許在Sublime Text 3中開啟cmd命令視窗
安裝好該外掛後即可使用快捷鍵Ctrl+Shift+T撥出命令列視窗
Autoprefixer
CSS3私有字首自動補全
在輸入CSS3屬性後（冒號前）按Tab鍵即可
vue syntax hightlight
.vue語法高亮
注：以上外掛能滿足絕大多數前端開發需求，歡迎留言補充~