你需要的是下面這兩個外掛，ctrl + shift + x 後輸入這兩個外掛安裝

Auto Close Tag自動閉合HTML標籤

Auto Rename Tag 修改HTML標籤時，自動修改匹配的標籤

以下是常用的VScode 外掛

外掛列表

名稱	簡述
Auto Close Tag	自動閉合HTML標籤
Auto Import	Typescript自動import提示
Auto Rename Tag	修改HTML標籤時，自動修改匹配的標籤
Beautify css/sass/scss/less	css/sass/less格式化
Better Comments	編寫更加人性化的註釋
Bookmarks	新增行書籤
Can I Use	HTML5、CSS3、SVG的瀏覽器相容性檢查
Code Runner	執行選中程式碼段（支援大量語言，包括Node）
Code Spellchecker	單詞拼寫檢查
CodeBing	在VSCode中彈出瀏覽器並搜尋，可編輯搜尋引擎
Color Highlight	顏色值在程式碼中高亮顯示
Color Info	小視窗顯示顏色值，rgb,hsl,cmyk,hex等等
Color Picker	拾色器
Document This	註釋文件生成
ESLint	ESLint外掛，高亮提示
EditorConfig for VS Code	EditorConfig外掛
Emoji	在程式碼中輸入emoji
File Peek	根據路徑字串，快速定位到檔案
Font-awesome codes for html	FontAwesome提示程式碼段
Git Blame	在狀態列顯示當前行的Git資訊
Git History(git log)	檢視git log
GitLens	顯示檔案最近的commit和作者，顯示當前行commit資訊
Guides	高亮縮排基準線
Gulp Snippets	Gulp程式碼段
HTML CSS Class Completion	CSS class提示
HTML CSS Support	css提示（支援vue）
HTMLHint	HTML格式提示
Indenticator	縮排高亮
IntelliSense for css class names	css class輸入提示
JavaScript (ES6) code snippets	ES6語法程式碼段
JavaScript Standard Style	Standard風格
Less IntelliSense	less變數與混合提示
Lodash	Lodash程式碼段
MochaSnippets	Mocha程式碼段
Node modules resolve	快速導航到Node模組
Code Outline	展示程式碼結構樹
Output Colorizer	彩色輸出資訊
Partial Diff	對比兩段程式碼或檔案
Path Autocomplete	路徑完成提示
Path Intellisense	另一個路徑完成提示
PostCss Sorting	css排序
Prettify JSON	格式化JSON
Project Manager	快速切換專案
Quokka.js	不需要手動執行，行內顯示變數結果
REST Client	傳送REST風格的HTTP請求
React Native Storybooks	storybook預覽外掛，支援react
React Playground	為編輯器提供一個react元件執行環境，方便除錯
React Standard Style code snippets	react standar風格程式碼塊
Sass	sass外掛
Settings Sync	VSCode設定同步到Gist
Sort Typescript Imports	typescript的import排序
Sort lines	排序選中行
String Manipulation	字串轉換處理（駝峰、大寫開頭、下劃線等等）
Syncing	vscode設定同步到gist
TODO Parser	Todo管理
TS/JS postfix completion	ts/js字首提示
TSLint	TypeScript語法檢查
Test Spec Generator	測試用例生成（支援chai、should、jasmine）
TypeScript Import	TS自動import
TypeSearch	TS宣告檔案搜尋
Types auto installer	自動安裝@types宣告依賴
VSCode Great Icons	檔案圖示拓展
Version Lens	package.json檔案顯示模組當前版本和最新版本
View Node Package	快速開啟選中模組的主頁和程式碼倉庫
VueHelper	Vue2程式碼段（包括Vue2 api、vue-router2、vuex2）
filesize	狀態列顯示當前檔案大小
ftp-sync	同步檔案到ftp
gitignore	.gitignore檔案語法
htmltagwrap	快捷包裹html標籤
language-stylus	Stylus語法高亮和提示
markdownlint	Markdown格式提示
npm Intellisense	匯入模組時，提示已安裝模組名稱
npm	執行npm命令
stylelint	css/sass/less程式碼風格
vetur	目前比較好的Vue語法高亮
vscode-database	操作資料庫，支援mysql和postgres
vscode-icons	檔案圖示，方便定位檔案
vscode-random	隨機字串生成器
vscode-styled-components	styled-components高亮支援
vscode-styled-jsx	styled-jsx高亮支援