Sublime text3 經常使用插件

一、Emmet（前端必備神器）

　　說明：Emmet做爲zen coding的升級版，對於前端來講，但是必備插件，若是你對它還不太熟悉，能夠在其官網（http://docs.emmet.io/）學習具體使用方式。

二、JSFormat

　　功能：JavaScript 的代碼格式化插件

　　說明：對於壓縮的 js 文件，混亂不堪入目，這個插件能夠幫咱們把原始代碼整理，包括換行和縮進等功能。

　　使用方法：在已壓縮的JS文件中，右鍵選擇jsFormat或者使用默認快捷鍵（Ctrl+Alt+F）

 

三、LESS

　　功能：LESS 高亮插件

　　說明：可讓 sublime 支持 less 的語法，高亮顯示

　　使用方法：打開 .less 文件或者設置爲 less 格式

四、LESS2CSS

　　功能：編譯 Less

　　說明：監測到文件改動時，編譯保存爲 .css 文件

　　使用方法：打開.less文件，編寫代碼保存便可看到同時生成.css的文件

五、Alignment

　　功能： 「=」 對齊

　　說明：定義的變量太多，良莠不齊，可使用一鍵對齊

　　使用方法：默認快捷鍵Ctrl+Alt+A，若是和其餘快捷鍵衝突，可設置其餘快捷鍵如：Ctrl+Shift+Alt+A；先選擇要對齊的文本

 

六、SublimeLinter

　　功能：代碼校驗插件

　　說明：支持HTML、CSS、JS、PHP、Java、C++ 等16種語言；

七、BracketHighlighter

　　功能：括號高亮匹配，代碼匹配

　　說明：在選擇一個括號的時候，會自動匹配到另一半括號，可匹配[], (), {}, 「」, 」, <tag></tag>，高亮標記，便於查看起始和結束標記

八、sublime-autoprefixer

　　功能：CSS添加私有前綴

　　說明：各大瀏覽器一個前綴以解決兼容問題的問題，可使用這個插件

九、Git

　　功能：git 管理

　　說明：插件基本上實現了git的全部功能

　　使用方法：能夠參考 https://github.com/kemayo/sublime-text-git/wiki 這裏進行學習和使用

十、JQuery

　　功能：jQuery函數提示

　　說明：能夠快捷的輸入 jQuery的函數，有提示功能

十一、DocBlockr

　　功能：生成優美註釋

　　說明：能夠生成標準的註釋，包括函數名、參數、返回值等，並以多行顯示

　　使用：輸入/*、/**而後回車，更多的用法，請參照  https://sublime.wbond.net/packages/DocBlockr

 

十二、ColorPicker

　　功能：調色板

　　說明：須要給定顏色時候，能夠選擇指定的顏色

　　使用方法：Windows快捷鍵:  ctrl+shift+c

 

1三、ConvertToUTF8

　　功能：文件轉碼成utf-8

　　說明：能夠編輯並保存目前編碼不被 Sublime Text 支持的文件

1四、AutoFileName

　　功能：輸入文件名

　　說明：自動完成文件名的輸入

　　使用方法：輸入「/」 便可看到相對於本項目文件夾的其餘文件

1五、Nodejs

　　功能：node 代碼提示

　　使用方法：具體的使用方法能夠參考這裏：https://sublime.wbond.net/packages/Nodejs

 

1六、AngularJS

　　功能： AngularJS 提示功能

　　說明：能夠在編寫代碼的時候有 angularJs 的提示

1七、Trailing spaces

　　功能：檢測並一鍵去除代碼中多餘的空格

　　說明：可讓你的代碼刪除多餘空格，一鍵刪除空格，讓代碼規範更清爽

　　使用方法：一鍵刪除多餘空格：CTRL+SHITF+T（需配置），更多配置請點擊標題。快捷鍵配置：在Preferences / Key Bindings – User加上代                         碼（數組內）

 

1八、GBK Encoding Support

　　功能：中文識別

　　說明; 安裝本插件能夠識別中文的文檔，不會出現亂碼，

1九、Pretty JSON

　　功能：JSON代碼格式化

　　說明：可讓代碼中的 json 數據更加規範

20、MarkdownEditing

　　功能：編輯markdown時高亮顯示

　　說明：能夠設置 markdown 的顯示樣式外觀 

2一、Markdown Preview

　　功能：在瀏覽器中預覽生成的 Html文件

　　使用方法：爲瀏覽器綁定快捷鍵 打開Preference –> Key Bindings-User，在打開的文件中添加以下內容 

　　{「keys」: [「alt+f11」], 「command」: 「markdown_preview」, 「args」: { 「target」: 「browser」}} 

       全部設置完成後，編輯md文件後按相應的熱鍵，直接在指定的瀏覽器中預覽