本文章適用于 前端 開(kāi)發(fā)的小伙伴

1、VS Color Picker(個(gè)人用了一段時(shí)間卸載)

一款window 窗口顏色吸管顏色，具體使用方法看插件動(dòng)畫(huà)說(shuō)明。

使用方法：（在需要寫(xiě)顏色的地方 ，先按一個(gè) # 號(hào)，就會(huì)彈出 如下圖所示的? 選擇框）

2、View In Browser

在vscode ?html頁(yè)面 直接打開(kāi)瀏覽器預(yù)覽，雖然現(xiàn)在大多用用構(gòu)建工具開(kāi)發(fā)了，這個(gè)功能還是不錯(cuò)的。

使用方法：ctrl+F1 (有的筆記不好用，請(qǐng)自行調(diào)節(jié)電腦的鍵盤(pán)設(shè)置）

3、 Auto Close Tag

自動(dòng)閉合標(biāo)簽，寫(xiě)完前半部分，后半自動(dòng)補(bǔ)全

4、 Auto Rename Tag

有時(shí)候標(biāo)簽寫(xiě)錯(cuò)了，或者換一個(gè)，是不是要修改2次？改完前半部分，再改后半部分，OK,有了這個(gè)插件，不用再那么麻煩啦，修改一次就ok?

5、css peek

vue的文件好像不支持，其他的未測(cè)試，傳統(tǒng)的html +? css 樣式，可以快速的查看 class 寫(xiě)了什么樣式，支持快速跳轉(zhuǎn)

6、html css suppor

見(jiàn)名知意，?用來(lái)在html 里css屬性提示三

7、HTML Class Suggestions?

?用來(lái)在HTML里提示引入的外部css選擇器名稱

8、px to rem

默認(rèn)為16px,可以自己進(jìn)行配置,快捷鍵為alt+z

9、Path Intellisense

文件路徑智能提示

10、vscode-icons

文件圖標(biāo)，根據(jù)不同的文件類型，展示不同的小圖標(biāo)，很漂亮