sublime 前端常用插件
阿新 • • 發佈:2017-06-08
標簽 遊覽 關聯 在線 側邊欄 屬於 ret sass 格式
-
emmet:
前端神器。一個可以極大提高web開發者HTML和CSS工作效率的工具箱組件。
查看介紹 -
CSS3:
CSS3語法高亮、CSS語法提示,美中不足的是缺少遊覽器私有屬性高亮。
查看介紹 -
CSS Extended Completions:
關聯CSS文件,智能提示css文件中的類名,非常好用。
查看介紹 -
JavaScript Completions
支持javascript原生語法提示,媽媽再也不用擔心我輸入document.getElementById(id)。
查看介紹 -
jQuery
為jQuery的大部分方法提供了示例代碼段,讓jQuery的API更加容易使用。
查看介紹 -
ColorHighlighter
它可以展示你所選擇的顏色代碼(像“#FFFFFF”, “rgb(255,255,255)”, “white”)的真正顏色。同時它還包含一個顏色選擇器讓你可以方便地更改顏色。
查看介紹 -
BracketHighlighter
括號以及標簽層級顯示,不用擔心選中的代碼屬於哪個代碼塊,一目了然。
查看介紹 -
HTML-CSS-JS Prettify
THML、CSS、JS代碼格式化,壓縮過後的代碼可以通過該工具復原。
查看介紹 -
Align?Tab
使用正則表達式來幫助代碼對齊,比如幾行代碼以=號對齊。
查看介紹
以上插件覆蓋HTML,CSS,JavaScript,jQuery,CSS顏色顯示,代碼塊級高亮,代碼格式化,代碼對齊,滿足絕大多數前端的需求。
至於用Sass就裝Sass,Sassbuild,git就下sublimeGit,git Gutter,想用某個主題就下主題,想擴展側邊欄就擴展側邊欄,這畢竟不是每個人必須的。
這裏再推薦一個主題插件,主題庫比較豐富,感覺大多數人都能用上,避免視覺疲勞:
-
Colorsublime
安裝完成後,可輸入Install Theme,在線更換主題。主題庫有上百種,這個很不錯。
查看介紹
sublime 前端常用插件