以下插件都可以通過ctrl+shift+p顯示輸入框後鍵入pcic,就是下圖第一個點擊選擇進入
稍等後就會出現如下圖的樣子 輸入插件名安裝即可 安裝後在pakage control中即可看到 如果未見,或重啓st2或重啓st2重複上述安裝過程或通過我提供的github地址下載手動安裝(注意解壓的文件要放在Pakages下(打開方式Preference–>Browse Pakages*名字一般改成插件名.*)
1.Emmet
github下載地址 : Emmet
完整語法—>傳送門
HTML/CSS代碼快速編寫神器 :::: Wed開發者必備工具之一啊 誰用誰知道
1.書寫!或者html:5按下”Tabel”鍵即可生成html文檔必須的標籤
- html:5 或!:用於HTML5文檔類型
- html:xt:用於XHTML過渡文檔類型 (單標籤生成自閉合 如: < br />)
2. 輕鬆添加類、id、文本和屬性
連續輸入元素名稱和ID,Emmet會自動爲你補全,比如輸入p#foo:
3.可以在 $ 後面增加 @- 來實現倒序排列:
ul>li.item$@-*5
同樣,我們也可以使用 @N 指定開始的序號:
ul>li.item$@3*5
4.
2.SideBarEnhancements
github下載地址 : SideBarEnhancements
SideBarEnhancements是款增強側邊欄的插件可以在sublime編輯器內實現copy[|relative|absolute|path],paste,cut file等強大功能
通過pakageContol下載後基本不需配置即可實現基本功能
我通過(如下)Side Bar -> User 設置了
[
// { "keys": ["ctrl+b"], "command": "open_in_browser" },//打開瀏覽器的快捷鍵,由於與編譯器快捷鍵衝突我沒有使用,使用side bar自帶的f12鍵
{"keys": ["ctrl+shift+r"], "command": "reindent" , "args": {"single_line": false}}//這是格式化代碼 非常強大的功能
}
]
3.Color Highlighter
github下載地址 : Color Highlighter
非常強大的顏色高亮 直接 放效果圖
在sublime裏面所有叫顏色的東西他都能給你顯示出來 可以快速定位顏色
簡單 配置 :
插件安裝後 打開 菜單欄的Tools 中的 Color Highlight,如圖 我設置的是全部填充 可選擇 只有邊框有顏色或者文字爲該顏色等等 點擊Disable關閉該功能
——————–我是準備更新的分割線 ok?