Sublime Text3插件詳解

(1)Emmet插件:
安裝Packet:菜單欄View->Show Console->粘貼text2或text3的Packet配置信息->重啓軟件->Ct+N(新建文檔)->Ct+Sh+P->輸入pci->查找要安裝的插件,如emmet
安裝好Emmet插件後:
!+Ct+E:迅速生成html的基礎元素

Ct+P:查找時加 #元素名;找到後,若要在該行下新加一行,可按 Ct+Enter

在文檔中寫:

ul>.item$*10 ,再按Ct+E,則一次性生成10個<li class="item(1/2/3/../10)"></li> 即 父元素> .(表示有class標籤或用 # 表示有id值)類名(id名)$*(子元素出現次數),再Ct+E

在文本中寫 h2{this is good} 再按Ct+E,則生成

 <h2>this is good</h2>

Ct+ 鍵盤上含 } 的鍵:文本縮進

Ct+Sh+V:粘貼時保持複製時的格式,如縮進等

(2)insert callback插件
Alt+C:刪除多於的符號

(3)advanNew
用於創建文檔的同時命名、保存該文檔
Ct+Alt+N:在不用打開相關文件夾的情況下新建文檔,需填寫路徑到 文檔名.html(或其他類型文檔)

(4)httpRequester
用於測試地址
Alt+Ct+R:測試 localhost(:端口號)/…

(5)netauke Snip

(6)sidebar enhancement
右擊對應文檔,有直接瀏覽該頁的選項

(7)docblockr
用於簡化註釋拼寫
/** +Tab鍵 :可有函數的註釋格式
/* 或 / + 回車鍵:其餘註釋符自動補充

(8)sublimelinter-jshlint
用於語法、風格的檢驗
安裝jsnode插件 -> 安裝sublimelinter-jshlint插件 ->運行cmd,輸入 npm install -g jshint ->最後到sulimt軟件裏檢驗
補充9.html代碼對齊插件
html beautiful;
安裝後快捷鍵ctr + alt + shift + f

發佈了85 篇原創文章 · 獲贊 12 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章