前端系列課程(10-3)-Sublime常用插件

插件安裝前,通常需要安裝組件 package control(插件安裝包管理器),用於添加、卸載、更新相關插件。

插件安裝過程中,可能會遇到這樣的問題:There are no packages available for installation,也就是說無法安裝插件,試了下,中文版很難解決,所以,推薦安裝英文版 — 下載地址:http://www.sublimetext.com/3


[ 檢測 ] 檢測 sublime 是否安裝了該組件,Ctrl + Shift + P,在命令行中輸入 pc,如下圖表示已安裝:


前端系列課程(10-3)-Sublime常用插件

[ 安裝 ] 如果沒有安裝,可以直接在命令行中選擇 install Package Control 進行安裝,或者選擇 view – show control(顯示/隱藏控制檯,Ctrl + `) > 複製(packagecontrol.io/installation)命令 > 重啟


[ 插件列表(Ctrl + Shift + P)] preferences(首選項)– package control(如,~:install Package 安裝插件):

[1] ChineseLocalization:漢化插件 // 安裝過程,可能是漫長的等待 ... 甚至可能安裝失敗(再來一次或者 ...)

<code>// 如果安裝失敗,可以考慮手動下載插件文件,然後複製到 “首選項” - “瀏覽插件目錄” 所打開的目錄下/<code>


前端系列課程(10-3)-Sublime常用插件

[2] Emmet:可以快速編寫 HTML 和 CSS 代碼

<code>!             自動生成骨架結構// 生成標籤:直接輸入標籤名,按 tab 鍵即可。如, div ,tab鍵,就可以生成
#foo ID 為 foo.foo 類名為 foo // 生成帶有類名或 id 名的標籤,直接寫 div.demo 或 div#app ,按 tab 鍵即可+ 同級元素 // 生成有兄弟關係的標籤,如,div+p> 下一級元素 // 生成有父子級關係的標籤,如,ul>li*3 生成 3 個元素 // 生成多個相同的標籤,如,div*3$ 從 1 開始的遞增值 // 如,div{$}*3{} 元素內容 // 如,p.demo{這是一個段落}/<code>

[3] SublimeCodeIntel:代碼提示插件(可能需要重複安裝好多次,才會安裝成功)


前端系列課程(10-3)-Sublime常用插件

[4] DocBlocker:可以方便的產生函數的註釋

[5] SiderBarEnhancements:實用的右鍵菜單增強工具

[6] Terminal:可以在 sublime 中直接打開命令行終端


分享到:


相關文章: