:::

2. 必要套件

  1. IMESupport:中文輸入法框跟上游標
  2. ConvertToUTF8:

    自動轉換為UTF-8編碼,解決中文亂碼,但快速鍵跟colorPicker套件的快捷鍵打到。
    預設判斷字集的優先順序是先判斷是否為簡體字(GBK),再判斷是否為繁體字(BIG5),編輯這個位於 User 目錄下的 ConvertToUTF8.sublime-settings 檔案。
    將 encoding_list 前兩個字集定義對調即可。

  3. AutoFileName:自動找出正確的路徑,並提供該路徑下的所有檔案或資料夾給您選擇

  4. Bootstrap 3 Snippets:輸入 bs3-alert 然後按下「TAB鍵」,就會自動貼上以下的 Bootstrap 3 HTML 代碼。

  5. Bracket Highlighter:
    去preferences->package settings->Brackethighlighter->bracket settings user

    {
    	"bracket_styles": {
    	    "default": {
    	        "style": "hightlight"
    	    }
    	}
    }
    
  6. Color Highlighter:安裝完成後在檢視色碼的部分點選候可以即時瀏覽顏色
    快捷鍵 cmd + shift + C 會出現色彩選擇器,比起打色碼直覺許多,不過跟ConvertToUTF8的快捷鍵打到,要修改
    keybinding:user

    [
    	{
    		"keys": ["alt+c"],
    		"command": "color_picker",
    		"context": [
    			{
    				"key": "color_highlighter.color_picker"
    			}
    		]
    	}
    ]
  7. DocBlockr:輕鬆加入程式註解。使用:/** + tab,會根據function傳入的變數性質、數量與傳出變數性質新增註解

  8. Emmet(Zen Coding):快速編寫 html/CSS
    http://docs.emmet.io/cheat-sheet/

  9. HTML5:支援HTML5,補齊HTML5的提示 

  10. HTMLPrettify:將html裡的程式碼自動排版(Sublime Text-HTML-CSS-JS)

  11. HTMLAttributes:增加一些html的屬性

  12. JQuery:提示JQuery相關函數

  13. JsFormat:自動格式化 JavaScript 和 JSON。Ctrl + Alt + f
  14. SideBar Enhancements:加強SublimeText側邊文件
  15. phpfmt:自動格式化 php。
    {
      "autocomplete": true,
      "enable_auto_align": true,
      "engine": "php-cs-fixer.phar",
      "engine_channel": "lts",
      "engine_version": "",
      "format_on_save": true,
      "indent_with_space": true,
      "option": "value",
      "php_bin": "D:/UniServerZ/core/php70/php.exe",
      "psr2": true,
      "version": 4
    }
    
  16. SublimeLinter:程式碼錯誤檢測工具。光裝這套件是沒有作用的,要按照你想檢測的程式碼安裝相對應的套件(套件名稱以 Sublime​Linter- 開頭)。

  17. SublimeLinter-php

  18. SublimeTmpl 快速生成文件模板:
    ctrl+alt+h → html
    ctrl+alt+j → javascript
    ctrl+alt+c → css
    ctrl+alt+p → php
    ctrl+alt+r → ruby
    ctrl+alt+shift+p → python

  19. all autocomplete:自動完成葉面寫過的id/class名稱

  20. Bootstrap 3 Snippets
  21. Bootstrap 3 autocomplete
  22. SublimeLinter-html-tidy

  23. TabsExtra:安裝後右鍵單擊Sublime裡的文件標籤,選擇clone就可以在新標籤中打開同一文件。