下面由sublime入門使用教程欄目給大家介紹一些sublime text3前端必備插件,希望對需要的朋友有所幫助!
安裝Package Control
在安裝插件之前,需要讓sublime安裝Package Control。打開Sublime Text的控制臺,快捷鍵ctrl + ~,在控制臺中輸入以下代碼。
import?urllib.request,os,hashlib;?h?=?'2915d1851351e5ee549c20394736b442'?+?'8bc59f460fa1548d1514676163dafc88';?pf?=?'Package?Control.sublime-package';?ipp?=?sublime.installed_packages_path();?urllib.request.install_opener(?urllib.request.build_opener(?urllib.request.ProxyHandler())?);?by?=?urllib.request.urlopen(?'http://packagecontrol.io/'?+?pf.replace('?',?'%20')).read();?dh?=?hashlib.sha256(by).hexdigest();?print('Error?validating?download?(got?%s?instead?of?%s),?please?try?manual?install'?%?(dh,?h))?if?dh?!=?h?else?open(os.path.join(?ipp,?pf),?'wb'?).write(by)
安裝插件
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代碼格式化,壓縮過后的代碼可以通過該工具復原。
AlignTab
使用正則表達式來幫助代碼對齊,比如幾行代碼以=號對齊。
以上插件覆蓋HTML,CSS,JavaScript,jQuery,CSS顏色顯示,代碼塊級高亮,代碼格式化,代碼對齊,滿足絕大多數前端的需求。
至于用Sass就裝Sass,Sassbuild,git就下sublimeGit,git Gutter,想用某個主題就下主題,想擴展側邊欄就擴展側邊欄,這畢竟不是每個人必須的。
這里再推薦一個主題插件,主題庫比較豐富,感覺大多數人都能用上,避免視覺疲勞:
Colorsublime
安裝完成后,可輸入Install Theme,在線更換主題。主題庫有上百種,這個很不錯。