可點選QR code
文章專區
網頁設計相關文章
Sublime Text 3推薦安裝的套件
上次我們介紹了如何安裝Sublime Text 3，這次我們來簡單介紹幾個Sublime Text 3相當實用的套件。
Emmet
快速提示功能，加速建置原始碼，可減少html和css的撰寫時間
例如：
HTML5網頁架構的步驟：
新開檔案，右下角點選html->輸入html:5或是! 再按tab鍵就完成了!
依照自己的作業系統開啟檔案做修改，這邊以windows系統做示範。修改ConvertToUTF8的快捷鍵為[ctrl+shift+c+alt]（可依自己的習慣作調整
ConvertToUTF8
Sublime Text 3預設不支援中文編碼，開啟big5會亂碼，因此需要安裝此套件來解決問題。
AutoFileName
輸入路徑或url時，自動抓取檔案路徑
.gif)
SublimeCodeIntel
功能強大的代碼提示工具。
SublimeLinter
用於提示寫的代碼中錯誤的地方，支持Javascript、CSS、HTML、Java、PHP、Python、Ruby
必須先安裝Node.js http://nodejs.org
接著挑選你要安裝的部分，假如你要檢查CSS的部分，一樣先呼叫Package Control，然後打上SublimeLinter-csslint按enter即可安裝。
Html：SublimeLinter-contrib-htmlhint
js：SublimeLinter-jshint
如果不想邊打字邊檢查的話，可以改成存檔再一次檢查的設定。
打SublimeLinter便會有選項讓你挑，選擇Choose Lint Mode
接著會有四個選項，分別是：
Background：工作中一直在檢查
Load/save：剛開檔案和存檔時檢查
Save only：只有存檔時檢查
Manual：手動檢查
