安裝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開發(fā)者HTML和CSS工作效率的工具箱組件弛针。
查看介紹
-
CSS3:
CSS3語法高亮、CSS語法提示李皇,美中不足的是缺少游覽器私有屬性高亮削茁。
查看介紹
-
CSS Extended Completions:
關(guān)聯(lián)CSS文件,智能提示css文件中的類名掉房,非常好用茧跋。
查看介紹
-
JavaScript Completions
支持javascript原生語法提示,媽媽再也不用擔(dān)心我輸入document.getElementById(id)卓囚。
查看介紹
-
jQuery
為jQuery的大部分方法提供了示例代碼段瘾杭,讓jQuery的API更加容易使用。
查看介紹 -
ColorHighlighter
它可以展示你所選擇的顏色代碼(像“#FFFFFF”, “rgb(255,255,255)”, “white”)的真正顏色哪亿。同時它還包含一個顏色選擇器讓你可以方便地更改顏色粥烁。
查看介紹
-
BracketHighlighter
括號以及標(biāo)簽層級顯示,不用擔(dān)心選中的代碼屬于哪個代碼塊蝇棉,一目了然讨阻。
查看介紹
-
HTML-CSS-JS Prettify
THML、CSS银萍、JS代碼格式化,壓縮過后的代碼可以通過該工具復(fù)原恤左。
查看介紹
-
Align?Tab
使用正則表達(dá)式來幫助代碼對齊贴唇,比如幾行代碼以=號對齊。
查看介紹
以上插件覆蓋HTML飞袋,CSS戳气,JavaScript,jQuery巧鸭,CSS顏色顯示瓶您,代碼塊級高亮,代碼格式化纲仍,代碼對齊呀袱,滿足絕大多數(shù)前端的需求。
至于用Sass就裝Sass郑叠,Sassbuild夜赵,git就下sublimeGit,git Gutter乡革,想用某個主題就下主題寇僧,想擴展側(cè)邊欄就擴展側(cè)邊欄摊腋,這畢竟不是每個人必須的。
這里再推薦一個主題插件嘁傀,主題庫比較豐富兴蒸,感覺大多數(shù)人都能用上,避免視覺疲勞:
-
Colorsublime
安裝完成后细办,可輸入Install Theme橙凳,在線更換主題。主題庫有上百種蟹腾,這個很不錯痕惋。
查看介紹