Sublime Text3前端必備插件有哪些

這篇文章將為大家詳細(xì)講解有關(guān)Sublime Text3前端必備插件有哪些，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

安裝Package Control

在安裝插件之前，需要讓sublime安裝Package Control。打開(kāi)Sublime Text的控制臺(tái)，快捷鍵ctrl + ~，在控制臺(tái)中輸入以下代碼。

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：

前端神器。一個(gè)可以極大提高web開(kāi)發(fā)者HTML和CSS工作效率的工具箱組件。

CSS3：

CSS3語(yǔ)法高亮、CSS語(yǔ)法提示，美中不足的是缺少游覽器私有屬性高亮。

CSS Extended Completions：

關(guān)聯(lián)CSS文件，智能提示css文件中的類名，非常好用。

JavaScript Completions

支持javascript原生語(yǔ)法提示，媽媽再也不用擔(dān)心我輸入document.getElementById(id)。

jQuery

為jQuery的大部分方法提供了示例代碼段，讓jQuery的API更加容易使用。

ColorHighlighter

它可以展示你所選擇的顏色代碼（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正顏色。同時(shí)它還包含一個(gè)顏色選擇器讓你可以方便地更改顏色。

BracketHighlighter

括號(hào)以及標(biāo)簽層級(jí)顯示，不用擔(dān)心選中的代碼屬于哪個(gè)代碼塊，一目了然。

HTML-CSS-JS Prettify

THML、CSS、JS代碼格式化，壓縮過(guò)后的代碼可以通過(guò)該工具復(fù)原。

AlignTab

使用正則表達(dá)式來(lái)幫助代碼對(duì)齊，比如幾行代碼以=號(hào)對(duì)齊。

以上插件覆蓋HTML，CSS，JavaScript，jQuery，CSS顏色顯示，代碼塊級(jí)高亮，代碼格式化，代碼對(duì)齊，滿足絕大多數(shù)前端的需求。

至于用Sass就裝Sass，Sassbuild，git就下sublimeGit，git Gutter，想用某個(gè)主題就下主題，想擴(kuò)展側(cè)邊欄就擴(kuò)展側(cè)邊欄，這畢竟不是每個(gè)人必須的。

這里再推薦一個(gè)主題插件，主題庫(kù)比較豐富，感覺(jué)大多數(shù)人都能用上，避免視覺(jué)疲勞：

Colorsublime

安裝完成后，可輸入Install Theme，在線更換主題。主題庫(kù)有上百種，這個(gè)很不錯(cuò)。

關(guān)于“Sublime Text3前端必備插件有哪些”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。