Blog 已遷移 http://steventtud.com,logdown 版本不再更新,麻煩大家前往新網站觀看^^

Sublime 3 套件整理

學習網頁一直以來有個困擾,打括號真的是慢到不行,原來sublime這個文字編輯器有許多方便的套件可以用。用簡單的指令就可以架構出一個網站。

參考資料

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這個套件。下面連結有比較詳細的安裝教學。

  1. 先安裝必備的套件管理工具

  2. ConvertToUTF8 : 解決 Sublime Text 3 預設不支援 Big5 與其他 CJK 編碼的問題

  3. Emmet: 前端工程師必備的擴充套件 ( 參見 http://emmet.io 官網 )
    傳說中的 Zen Coding 就是這一套。

  4. AdvancedNewFile
    快速建立檔案的套件,只要輸入Option+Command+n就可以快速建立檔案。
    官方使用說明

  5. BootStrap 3 Snippets

  6. HTML5
    Html5的Snippets

  7. SublimeLinter
    可以檢查錯誤的套件
    demo影片

  8. GIST
    影片

  9. Sublime-Better-Completion
    github
    用clone的方式還是靠譜的多