0、Package Control

          功能：安裝包管理

          簡介：sublime 外掛控制檯，提供增加、刪除、修改、查詢外掛等功能

          安裝方法：

               1、CTRL+`，出現控制檯

               2、貼上以下程式碼至控制檯

ST2：

import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace('','%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf),'wb').write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install'% (dh, h) if dh != h else'Please restart Sublime Text to finish installation')

ST3：

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' +'1e3d39e33b79698005270310898eea76'; 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://packagecontrol.io/' + 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)

1、基礎操作

          安裝完上面的包管理後即可繼續操作

          安裝外掛：摁下 Ctrl(mac 下為 Cmd)+Shift+p，輸入 install，選擇 Package Control: install Package，摁下回車，即可輸入外掛名進行安裝

          解除安裝外掛：摁下 Ctrl(mac 下為 Cmd)+Shift+p，輸入 remove，選擇 Package Control: remove Package，摁下回車，選中外掛名確認即可解除安裝

2、Emmet

安裝

          簡介：程式碼快捷鍵，前端必備

3、LESS

          功能：LESS 高亮外掛

          簡介：使用過 LESS 的同學都知道，sublime 沒有支援 less 程式碼高亮，使用這個外掛可以幫上我們

4、autoprefixer

          功能：CSS 新增屬性私有字首

          簡介：CSS 還未標準化，所以要給各大瀏覽器一個私有字首以解決相容問題

          使用：選中要新增字首的 CSS，按下 Ctrl+Shift+P，輸入 auto 選擇 autoprefixer CSS 即可 (需要安裝 node.js)

5、DocBlockr

          功能：生成註釋

          簡介：標準的註釋，可快速生成，手寫起來麻煩

6、ColorPicker

          功能：調色盤

          簡介：需要輸入顏色時，可直接選取顏色

          使用方法：快捷鍵 Ctrl+Shift+C

7、AutoFileName

          功能：檔案路徑補全

          簡介：檔名輸入補全，例如圖片路徑

          使用：輸入 "/" 即可看到本專案資料夾的其他檔案

8、html-css-js prettify

          功能：程式碼壓縮 / 美化 / 整理

          使用：快捷鍵 Ctrl+Shift+H

全部整理：

   部分整理：

9、主題

          名稱：Boxy Theme

直接上圖：

這個主題包含了右側圖示的美化，以及選項卡的美化，需要增加配置 (我的是 Mac 系統，window 系統大同小異)：

Sublime Text ->  Preferences -> Settings 然後會出現兩個分頁的視窗，左側新增配置：

"color_scheme":"Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme","theme":"Boxy Monokai.sublime-theme",

此主題選擇配色方法：

Sublime Text -> Preferences -> Color Scheme -> Boxy Theme -> schemes  然後就可以自由選擇顏色了，具體參考 github.com/ihodev/sublime-boxy

10、SideBarEnhancements

           功能：增強側邊欄

11、ColorHighlighter

           功能：顏色程式碼選中時高亮

12、SublimeCodeIntel

          功能：JavaScript 自動補全

          設定方法：

安裝完成後選擇這個選項

然後將此處的 "jQuery" 替換為 "JavaScript"，重啟 sublime 即可。