Sublime 3 套件整理
學習網頁一直以來有個困擾,打括號真的是慢到不行,原來sublime這個文字編輯器有許多方便的套件可以用。用簡單的指令就可以架構出一個網站。
先安裝必備的套件管理工具
ConvertToUTF8 : 解決 Sublime Text 3 預設不支援 Big5 與其他 CJK 編碼的問題
Emmet: 前端工程師必備的擴充套件 ( 參見 http://emmet.io 官網 )
傳說中的 Zen Coding 就是這一套。AdvancedNewFile
快速建立檔案的套件,只要輸入Option+Command+n
就可以快速建立檔案。
官方使用說明BootStrap 3 Snippets
HTML5
Html5的SnippetsSublimeLinter
可以檢查錯誤的套件
demo影片GIST
影片Sublime-Better-Completion
github
用clone的方式還是靠譜的多
參考資料
1.1 Configure Sublime Text 2 for BootStrap & PHP
一整系列使用sublime來快速撰寫bootstrap的教學,這篇是安裝套件篇。
Sublime Text 3 新手上路:必要的安裝、設定與基本使用教學
使用 Sublime Text Snippets 快速編輯 Bootstrap 3 的 HTML 程式碼
Sublime Text Tutorials #17 - Write HTML Quickly with Emmet
一套完整的sublime教學,我只挑了html的部份先看,以後再針對需要學習。教學中使用的是Emmet這個套件。下面連結有比較詳細的安裝教學。