subline text3經常使用插件介紹

經常使用插件介紹：

pretty json:格式化JSON插件

 

 SublimeOnSaveBuild

自動編譯Sass插件，保存即執行命令的支持，保存文件時，便可按照你Build System中的配置，執行配置中的命令

 

 html beautify（ctrl+shift+alt+f）

自動排版代碼

Emmet

輸入少許代碼後摁Tab鍵，系統自動補全代碼。

 CSSComb

用來給CSS屬性進行排序的格式化插件

https://segmentfault.com/a/1190000007386708

https://segmentfault.com/a/1190000004577644

CanIUse

若是您想檢查瀏覽器是否支持你包括在你的代碼中的CSS和HTML元素，那麼這是你須要的插件。全部您須要作的就是選擇有疑問的元素，插件將爲你作其他的事情。

AutoFileName

快速列出你想引用的文件夾裏面全部文件的名字。

BracketHighlighter

高亮顯示[], (), {}, 「」, 」, <tag></tag>符號，便於查看起始和結束標記

ColorPicker

調色板，須要輸入顏色時，可直接選取顏色，打開調色板快捷鍵ctrl+shift+c。

若是這個快捷鍵打不開調色板，多是快捷鍵被佔用了

解決辦法：Preferences→Key Bindings-User中配置：{ "keys": ["ctrl+shift+c"], "command": "color_pick"}

JsFormat

能夠對壓縮、空格、換行的js代碼進行整理，使得js代碼結構清晰，易於觀看，右鍵選擇jsFormat使用或Ctrl+Alt+F

DocBlockr

快速生成各類註釋格式。

Sidebar Enhancements

加強側欄文件右鍵功能

Alignment

對定義的變量進行智能對齊,通常是「=」號對齊，快捷鍵是Ctrl+Alt+A，若是不能使用，多是與其它的快捷鍵有衝突，能夠設置過。

CSS Format
能夠將任意的 CSS、SASS、SCSS、LESS 代碼格式化爲展開、緊湊、壓縮的形式。

選中須要格式化的樣式代碼，右鍵選中CSS Format，選擇須要造成的格式便可。

Tag

Tag插件提供各類對Tag標籤的操做，有些功能是自動執行，有些功能須要手動執行，功能入口 菜單欄Edit→Tag。

功能介紹：

根據/自動關閉HTML標籤

標籤自動縮進（或選中ctrl+alt+f）

刪除標籤和裏面的內容

插入標籤（對光標字符「ctrl+shift+,」生成標籤）

刪除標籤裏的屬性，關閉標籤，檢查標籤

Trailing spaces

能夠檢測和一鍵刪除代碼的空格，保存時自動刪除多餘空格，讓代碼更緊湊規範。

 

功能入口：Edit——》Trailing Spaces——》Delete
ConvertToUTF8

經過本插件，能夠編輯並保存目前編碼不被 Sublime Text 支持的文件，如 GB2312，GBK，BIG5，EUC-KR，EUC-JP 等。

能夠經過 File→Set File Encoding to 菜單對文件編碼進行手工轉換。例如：打開一個 UTF-8 編碼的文件，指定保存爲 GBK。
HTML-CSS-JS Prettify

格式化HTML,CSS,Javascript和Json代碼格式。

注：使用該插件，須要安裝nodejs，並且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中設置你node的安裝路徑。
使用過程：Tools→Command Palette(或者Ctrl+Shift+P)，輸入選擇htmlprettify便可完成整個文檔的格式化。
設置快捷鍵：Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts

Terminal

打開文件的終端，終端默認是CMD。

ctrl+shift+t 打開文件所在文件夾

ctrl+shift+alt+t 打開文件所在項目的根目錄文件夾

右鍵open terminal here打開。

Keymaps

快速查找全部插件的快捷鍵

LiveStyle

LiveStyle是Chrome中提升開發效率的一款CSS編輯器插件。利用LiveStyle和Sublime Text3編輯器結合可實現可視化開發，一次配置，簡單易用！，而且最近支持less,scss

你本地css文件能夠和瀏覽器的css文件映射，同步到本地，可是必須在chrome上運行，chrome必須安裝相應的插件

SublimeTmpl

建立經常使用文件初始模板，必須html,css,js模板