先ctrl+shift+p，彈出命令面板-選中Extensions:Install Extensions
或者直接點擊左側欄這個擴展按鈕（Ctrl+Shift+X）
然后左側欄就會顯示出很多插件，如圖，選中你要安裝的插件就行了
HTML Snippets：
超級實用且初級的 H5代碼片段以及提示
.
HTMLHint：
html代碼檢測
.
HTML CSS Support :
讓 html 標簽上寫class 智能提示當前項目所支持的樣式。新版已經支持scss文件檢索，這個也是必備插件之一
.
Auto Close Tag :
匹配標簽，關閉對應的標簽。很實用【HTML/XML】
.
Auto Rename Tag :
修改 html 標簽，自動幫你完成尾部閉合標簽的同步修改
.
Path Autocomplete :
路徑智能補全
.
Path Intellisense ：
路徑智能提示
.
JavaScript Snippet Pack：
針對js的插件，包含了js的常用語法關鍵字，很實用；
.
View InBrowser：
從瀏覽器中查看html文件，使用系統的當前默認瀏覽器
.
Class autocomplete for HTML：
編寫html代碼的朋友們對html代碼的一大體現就是重復，如果純用手敲不僅累還會影響項目進度，這款自動補全插件真的很棒；
.
beautify :
格式化代碼的工具，可以格式化JSON|JS|HTML|CSS|SCSS,比內置格式化好用
.
Debugger for Chrome：
讓 vscode 映射 chrome 的 debug功能，靜態頁面都可以用 vscode 來打斷點調試，真666~
.
jQuery Code Snippets：
jquery 重度患者必須品
.
vscode-icon：
讓 vscode 資源樹目錄加上圖標，必備良品！
.
VSCode Great Icons：
另一款資源樹目錄圖標
.
colorize :
會給顏色代碼增加一個當前匹配代碼顏色的背景，非常好
.
Color Info：
提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標，就可以預覽色塊中色彩模型的（HEX、 RGB、HSL 和 CMYK）相關信息了。
.
Bracket Pair Colorizer：
讓括號擁有獨立的顏色，易於區分。可以配合任意主題使用。
.
vscode-fileheader：
頂部注釋模板，可定義作者、時間等信息，並會自動更新最后修改時間
.
Document This :
js 的注釋模板 （注意：新版的vscode已經原生支持,在function上輸入/** tab）
.
filesize：
在底部狀態欄顯示當前文件大小，點擊后還可以看到詳細創建、修改時間
.
Code Runner :
代碼編譯運行看結果，支持眾多語言
.
Bootstrap 3 Sinnpet：
常用 bootstrap 的可以下
.
GitLens：
豐富的git日志插件
.
vetur：
vue語法高亮、智能感知、Emmet等
.
VueHelper：
vue代碼提示
.
Bookmarks：
一個書簽工具,還是很有必要的
.
tortoise-svn：
SVN的集成插件
open in browser
用瀏覽器預覽運行html文件
原鏈接：https://blog.csdn.net/x550392236/article/details/7864655