一、主題
1债蜜、Atom One Light Theme
2捣郊、Dracula Official
Dracula Official 是受到很高評(píng)價(jià)的一款主題非剃,配色方案可以讓人感到平靜颅筋,暗淡的紫色會(huì)讓你覺得它有一種特殊的魅力。插件帶有文件圖標(biāo)設(shè)計(jì)输枯。界面效果如下:
3议泵、Brackets Light Pro
本人目前用的
二、通用插件
1桃熄、HTML Snippets
超級(jí)實(shí)用且初級(jí)的 H5代碼片段以及提示
2先口、HTML CSS Support
讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項(xiàng)目所支持的樣式
新版已經(jīng)支持scss文件檢索
3、vscode-icon
讓 vscode 資源樹目錄加上圖標(biāo)瞳收,必備良品碉京!
4、Path Intellisense
自動(dòng)路勁補(bǔ)全螟深,默認(rèn)不帶這個(gè)功能的谐宙,趕緊裝
5、Npm Intellisense
require 時(shí)的包提示(最新版的vscode已經(jīng)集成此功能)
6界弧、Document this
js 的注釋模板 (注意:新版的vscode已經(jīng)原生支持,在function上輸入/** tab)
7凡蜻、Project Manager
在多個(gè)項(xiàng)目之前快速切換的工具
8、beautify
格式化代碼的工具
9垢箕、fileheader
頂部注釋模板划栓,可定義作者、時(shí)間等信息条获,并會(huì)自動(dòng)更新最后修改時(shí)間
10忠荞、filesize
在底部狀態(tài)欄顯示當(dāng)前文件大小,點(diǎn)擊后還可以看到詳細(xì)創(chuàng)建帅掘、修改時(shí)間
11委煤、Bracket Pair Colorizer
讓括號(hào)擁有獨(dú)立的顏色,易于區(qū)分锄开∷乇辏可以配合任意主題使用。
12萍悴、cssrem
將css中的px自動(dòng)轉(zhuǎn)換為rem.再也不用計(jì)算器了(大漠大神推介)
13头遭、Sublime Text Keymap
啟動(dòng)sublimeText的快捷鍵配置寓免。vscode上面自有一套快捷鍵設(shè)定,個(gè)人習(xí)慣sublime快捷鍵
14计维、Import Cost
引入包大小計(jì)算,對(duì)于項(xiàng)目打包后體積掌握很有幫助
15袜香、markdownlint
書寫md文件的預(yù)覽插件
16、language-stylus
CSS預(yù)處理器styl后綴文件的識(shí)別擴(kuò)展
17鲫惶、View In Browser
迅速通過瀏覽器打開html文件
三蜈首、框架和庫的插件
1、jQuery Code Snippets
jquery 重度患者必須品欠母,廢話不多說欢策,上圖
2、Bootstrap 3 Sinnpet
常用 bootstrap 的可以下
3赏淌、vetur
語法高亮踩寇、智能感知、Emmet等
4六水、VueHelper
snippet代碼片段
5俺孙、Vue 2 Snippets
快速新建vue頁面