Jill 筆記 - 線上書籍

:::

SublimeText備忘錄
==============

1. IMESupport:中文輸入法框跟上游標
2. ConvertToUTF8: 自動轉換為UTF-8編碼，解決中文亂碼，但快速鍵跟colorPicker套件的快捷鍵打到。  
   預設判斷字集的優先順序是先判斷是否為簡體字(GBK)，再判斷是否為繁體字(BIG5)，編輯這個位於 User 目錄下的 ConvertToUTF8.sublime-settings 檔案。  
   將 encoding\_list 前兩個字集定義對調即可。
3. [AutoFileName](https://packagecontrol.io/packages/AutoFileName):自動找出正確的路徑，並提供該路徑下的所有檔案或資料夾給您選擇
4. Bootstrap 3 Snippets:輸入 bs3-alert 然後按下「TAB鍵」，就會自動貼上以下的 Bootstrap 3 HTML 代碼。
5. Bracket Highlighter:  
   去preferences->package settings->Brackethighlighter->bracket settings user
  
   ```
  <pre class="brush:as3;">
  {
  	"bracket_styles": {
  	    "default": {
  	        "style": "hightlight"
  	    }
  	}
  }
  ```
6. Color Highlighter:安裝完成後在檢視色碼的部分點選候可以即時瀏覽顏色  
   快捷鍵 cmd + shift + C 會出現色彩選擇器，比起打色碼直覺許多，不過跟ConvertToUTF8的快捷鍵打到，要修改  
   keybinding:user
  
   ```
  <pre class="brush:as3;">
  [
  	{
  		"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。 ```
  <pre class="brush:as3;">
  {
    "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:程式碼錯誤檢測工具。光裝這套件是沒有作用的，要按照你想檢測的程式碼安裝相對應的套件（套件名稱以 SublimeLinter- 開頭）。
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就可以在新標籤中打開同一文件。

MarkDown