一：下載安裝版本sublime-text 

地址：https://pan.baidu.com/s/1kWXxLEv（內含註冊碼，我用得是3142便攜版的）

二：安裝package control

1：開啟控制檯 (快捷鍵：ctrl+`) （不用快捷鍵view->show Console）

2： 複製下邊內容之一到控制檯即可

可選複製內容【一】：

importurllib.request,os;pf='PackageControl.sublimepackage';

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

可選複製內容【二】：

importurllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

三：開啟package control自由下載你想要的外掛即可

開啟Package control方法【一】：快捷 ctrl+alt+p

開啟Package control方法【二】：Preferences->Package Control

四：選擇Package control：Install Package

五：安裝外掛及個別外掛使用備註（下邊是我安裝的外掛列表，更多外掛隨喜！）

【1】：ChineseLocalzations 【說明：漢化外掛】

【2】：Emmet 【說明：前身是大名鼎鼎的Zen coding,一款HTML/CSS程式碼快速編寫神器】

【3】：SublimeLinter 【說明：錯誤

【4】： autoprefixer【說明：自動新增瀏覽器私有字首】

設定1：

Preferences > Package Settings > Autoprefixer > Settings - User

{
    "browers": ["last 2 version", ">0.1%", ">5% in US", "ie 6-8", "Firefox < 20"]
}

設定2：

Preferences > Package Settings > Autoprefixer 

"prefixOnSave": false改 "prefixOnSave": true 

這樣每次儲存檔案時就會自動為需要的css新增瀏覽器字首了！

當然用webpack或者yo-bower-gulp這些就可以不要這個外掛了！

【5】：HTML-CSS-JS Prettify 【說明：見文知意，就是格式化HTML/CSS/JS的外掛】

設定1：

方法：安裝完成這款外掛後，滑鼠右鍵選擇HTML-CSS-JS-Prettify->Set 'node' Path

例如： "windows": "E:/nodejs/8.93/node.exe"（這是我的nodejs所在路徑，你的自己檢視）

設定2：

方法：安裝完成這款外掛後，滑鼠右鍵選擇HTML-CSS-JS-Prettify->Plugin-Options-Default

"format_on_save": false   改為  "format_on_save": true

【6】：SideBarEnhancements 【說明： 側欄右鍵功能增強】

【7】：CSScomb CSS【說明：屬性排序，使用說明，安裝完成滑鼠右鍵Run CSScomb】

【8】：ColorPicker 【說明：拾色器】

快捷鍵設定：首選項->瀏覽外掛目錄->ColorPicker

Default (Linux).sublime-keymap

Default (OSX).sublime-keymap

Default (Windows).sublime-keymap

在上邊3個檔案中選擇一個和你係統匹配的檔案進行快捷鍵設定即可！

【9】： View in Browser【說明：瀏覽器中瀏覽檔案】

設定1： 

設定2： 快捷鍵設定

【10】： AutoFileName【說明：一款檔案路徑自動提示外掛，好用得不要不要的！】

【11】： FileDiffs【說明：指定對比兩個檔案之間的差異！】

使用方法：

安裝外掛完成後

在sublime側邊欄上選中你要對比的兩個檔案，然後滑鼠右鍵FileDiffs Menu

當然還有其他更多方法，不過我感覺這個最直接！DeleteBlankLines

【12】： DeleteBlankLines【說明：批量刪除多餘空白行】

【13】： Minify【說明：壓縮html,js,css,json,svgo】

一 : 需要nodejs

sublime安裝完成minify後請檢測你的電腦是否已經有安裝nodejs， 沒有就裝一個！

二：需要安裝對應的幾個壓縮工具，見文知意，不贅述，筆記乾貨

npm install -g clean-css-cli uglifycss html-minifier uglify-js minjson svgo

三：在需要壓縮的檔案頁面獲取到滑鼠焦點使用快捷鍵 ctrl+alt+m

【14】：Fileheader【說明：新建檔案時候自動生成頭部個人資訊】

  具體設定方法

首選項 => package Settings => File Header => setting-User

內容：

{  
    "Default": {  
        "author":"lle_wang",  
        "last_modified_by":"lle_wang",  
        "email":"[email protected]"  
    }  

}  

【說明：JSX 程式碼審查，實時提示語法錯誤, 幫助快速定位錯誤點.】

【16】：Trailing spaces 【說明：可以檢測和一鍵刪除程式碼的空格，儲存時自動刪除多餘空格，讓你的程式碼更加緊湊規範。功能入口：Edit→
Trailing Spaces→Delete，也可以自己設定快捷鍵，我通常設定成ctrl+shift+alt+t，以下貼上到Key-Bindings-User裡面：{ "keys": ["ctrl+shift+alt+t"], "command": "delete_trailing_spaces" },】

【17】：Terminal【說明：開啟檔案的終端，終端預設是CMD。ctrl+shift+t 開啟檔案所在資料夾，ctrl+shift+alt+t 開啟檔案所在專案的根目錄資料夾，可以自己重新配置快捷鍵。也可以右鍵open terminal here開啟。】

【18】：Expand Selection to Quoted【說明：選中單雙引號內內容外掛，快捷鍵ctrl+'】

【19】： Boxy Theme【說明：sublime介面主題安裝，這是我最喜歡的一款介面了！】

【20】： A File Icon【說明：sublime檔案介面圖示主題！】