# Sublime 的常用插件 ## 1.自動補全注釋（支持函數注釋） 插件名：`DocBlockr` >[success]DocBlocker 是在Sublime平臺上開發一款注釋自動補全代碼插件，支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust. >**在function上一行輸入`/**`，然后按Tab就自動補全注釋** ### 自定義`DocBlockr`信息補全 1. 打開Preferences -> Package Settings -> DocBlockr->Settings - User 并新建一個User配置文件,也可以直接將配置文件保存到"Default Settins" 2. 建議代碼保存到新建的User配置文件中.,如果是保存在“Default Settins”里則需要將覆蓋默認的配置(不建議在默認的配置中進行更改)  最圖效果：  ## 2.Emmet >[success]可以快速編寫html/css。 注意：安裝Emmet的同時，也會自動安裝其依賴PyV8 binary庫，安裝PyV8庫會用較長時間，可以在Sublime左下角看到安裝進程狀態 ## 3.HTML5 >[success]支持hmtl5規范的插件包，與Emmet插件配合使用，效果更好 使用方法：新建html文檔>輸入HTML5>敲擊Tab鍵>自動補全html5規范文檔 ## 4.SublimeLinter >[success]一個支持lint語法的插件，可以高亮linter認為有錯誤的代碼行，也支持高亮一些特別的注釋，比如“TODO”，這樣就可以被快速定位。 ## 5.JSFormat >[success]js代碼格式化插件。 使用方法：使用快捷鍵ctrl+alt+f ## 6.BracketHighlighter >[success]代碼匹配，可以匹配括號，引號等符號內的范圍。 使用方法：點擊某個標簽或括號之類，會高亮顯示出另一個標簽或括號所在的位置。 ## 7.Alignment >[success]代碼對齊，注意不是格式化喔。 使用方法：如寫幾個變量，選中這幾行，Ctrl+Alt+A，就會左對齊。 ## 8.Doc?Blockr >[success]注釋插件，生成幽美的注釋。 /*:回車創建一個代碼塊注釋 /**:回車在自動查找函數中的形參等等。 它會生成 JSDoc 格式的注釋。  ## 9.SideBarEnhancements 一個可以自定義打開方式快捷鍵的工具包。他可以定義不同的快捷鍵打開不同的瀏覽器。使用方法參考下面鏈接： http://www.w3cfuns.com/notes/13810/d9b9ed2fb80785dae88a5344ef0f30d4.html ## 10.ColorPicker >[success]通常，如果你想使用一個顏色選擇器則可能打開 Photoshop 或 GIMP。而在 Sublime Text 中，你可以使用內置的顏色選擇器。安裝完成后，只要按下Ctrl / Cmd + Shift + C 快捷鍵。 注意：有時候按下Ctrl / Cmd + Shift + C 快捷鍵喚不出顏色選擇器，多半是與其它軟件快捷鍵沖突了，可以Preferences-Browse Packages找到ColorPicker文件夾，打開之后會看到下面幾個文件 >[success]這是對應不同系統 的，大家可以根據自己的系統修改對應文件里的快捷鍵，我的是修改為ctrl+shift+a 如下所示： 這里寫圖片描述 ## 11.AutoFileName >[success]功能：快捷輸入文件名 簡介：自動完成文件名的輸入，如圖片選取 使用：輸入”/”即可看到相對于本項目文件夾的其他文件  ## 12.jQuery >[success]支持jQuery規范的插件包。 ## 13.AdvancedNewFile >[success]假設有文件夾file。我們正在輸入代碼，又想在新的子目錄下新建html文件的話用傳統方式得很多步，新建目錄，新建文件，保存等等等。 但是有了該插件之后，事情就變得簡單了許多，只需要按下Ctrl+Shift+N，輸入文件夾以及文件名，你就會看到如下效果:（回車，你會發現已經子目錄下的文件已經新建完成了！） 這里寫圖片描述 ## 14.JavaScript Next >[success]完美支持ECMAScript 6。 JavaScript Next 提供了比默認javascript Package更好的語法高亮，而且他完美支持ECMAScript 6。 建議完全使用 JavaScript Next代替JavaScript Package。 ## 15.CSS3 >[success]提供語法高亮。默認情況下是一片白色的純文本，很難看。 ## 16.Color Highlighter >[success]CSS顏色高亮，會檢測CSS文件中的顏色碼，不論是Hex碼或者RGB碼都能很好的顯示，很是牛逼！ Color Highlighter能夠設置成用背景色或者邊框提示顏色，我一般在Settings里做這樣的設置： ~~~ { "ha_style": "filled", "icons": false } ~~~ 效果如下：  ## 17.CSScomb >[success]CSS屬性排序。 CSS屬性的順序一般不重要，因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中，選中CSS屬性后按F5就可以按字母順序排序，或者右鍵Run CSScomb。 ## 18.CSS Format >[success]CSS格式化。 使用方法：右鍵-》CSS format-》Expanded >[info]還有其他功能，如右鍵-》CSS format-》Compact可以將css都緊湊在一行，效果如下： 這里寫圖片描述 ## 19.ConvertToUTF8 >[success]GBK編碼兼容。 ## 20.Auto Close HTML Tags >[success]功能：寫HTML代碼時，輸入“>”就會自動產生相應的閉合標簽</>。 ## 21.Nodejs >[success]功能：node代碼提示 教程：https://sublime.wbond.net/packages/Nodejs ## 22.A File Icon >[success]美化文件前面的圖標，效果如下：  ## 23.HTMLBeautify >[success]格式化HTML代碼。 使用方法：選中代碼，然后按下快捷鍵ctrl+alt+shift+f或者Edit->Beautify HTML ## 24. sublimeCodeIntel >[success]CSS屬性值自動提示 > # 快捷鍵的使用——讓你鍵步如飛 >[success]Alt+F3 選中文本后按下快捷鍵，即可一次性選擇全部的相同文本（如變量名、函數名等）進行同時編輯。 >[success]Ctrl+c、Ctrl+v 光標停留在某一行時，按下Ctrl+c即可復制一整行，然后Ctrl+v就粘貼到下一行了。