1.Better Comments
編寫更加人性化的注釋
2.Bracket Pair Colorizer
改變代碼中的括號(hào)顏色,一層括號(hào)一個(gè)顏色,點(diǎn)擊一個(gè)括號(hào)册着,會(huì)用實(shí)線將本身和另一半括號(hào)鏈接琼锋,便于區(qū)分蔬将。
Bracket Pair Colorizer.jpg
3.Chinese (Simplified) Language Pack for Visual Studio Code
Visual Studio Code漢化
4.CSS Peek
使用此插件郑现,你可以追蹤至樣式表中 CSS 類和 ids 定義的地方谷饿。當(dāng)你在 HTML 文件中右鍵單擊選擇器時(shí),選擇“ Go to Definition 和 Peek definition ”選項(xiàng),它便會(huì)給你發(fā)送樣式設(shè)置的 CSS 代碼冠骄。
css peek.gif
5.cssrem
css轉(zhuǎn)rem插件,很方便加袋,特別針對(duì)常寫移動(dòng)端適應(yīng)布局凛辣。
6.GitLens — Git supercharged
git插件,不多說了职烧。
7.HTML CSS Support
css提示扁誓,支持vue
8.Import Cost
顯示引入包的文件大小。
9.Live Server
啟動(dòng)本地服務(wù)蚀之,必備
10.Path Intellisense
路徑提示
11.TabOut
tab鍵跳出括號(hào)蝗敢,很實(shí)用
12.Vetur
目前比較好的Vue語法高亮,vue項(xiàng)目必備插件
13.vscode-fileheader
添加作者詳情插件足删。自動(dòng)更新最后修改時(shí)間寿谴,最后修改人。配置后
control+option+i
添加失受,適合多人開發(fā)的項(xiàng)目讶泰。
//用戶配置
"fileheader.Author": "author",
"fileheader.LastModifiedBy": "author"
14.vscode-icons
文件圖標(biāo)美化。
15.htmltagwrap
html代碼填充
htmltagwrap.gif
16.Image Preview
代碼中選中圖片路徑即可預(yù)覽圖像
17.IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS
把項(xiàng)目中 css 文件里的名稱智能提示在 html 中
IntelliSense for CSS, SCSS class names in HTML, Slim and SCSS.gif
18.Better Comments
多色代碼注釋拂到,顏色可配置痪署。
js注釋
css注釋