Sublime Text3前端必備插件

藏色散人
發布: 2019-10-23 22:59:09
轉載
4462 人瀏覽過

下面由sublime入門使用教學欄位來介紹一些Sublime Text3前端必備插件,希望對需要的朋友有幫助!

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,線上更換主題。主題庫有上百種,這個很不錯。

查看介紹

#

以上是Sublime Text3前端必備插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:jianshu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板