寫程式碼頭疼？那你肯定沒用過這些 VSCode 外掛
目錄
9、VSCode Highlight Matching Tag
17、Chinese (Simplified) Language Pack for Visual Studio Code
一、前言
本篇部落格記錄一下博主收藏的一些外掛，可以大大的提升開發效率，如果你還沒有安裝，可以安裝一下體驗一下，你會發現，什麼叫爽的飛起。
二、外掛整理
1、Auto Close Tag
自動關閉標記：自動新增HTML/XML關閉標記，與Visual Studio IDE或Sublime Text相同。
2、Auto Complete Tag
自動完成標記：結合自動關閉標籤和自動重新命名標籤的功能
3、Auto Rename Tag
自動重新命名標記：自動重新命名成對的HTML/XML標記，與Visual Studio IDE相同。
4、Bracket Pair Colorizer
括號對著色劑：大括號，小括號，花括號使用不同的顏色進行區分
5、Codelf
變數命名神器：從Github、Bitbucket、Google Code、Codeplex、Sourceforge、Fedora Project、GitLab中搜索專案以查詢實際使用變數名
6、CSS Blocks
css塊：css塊自動完成並轉到定義
7、Document This
文件註釋：在TypeScript和JavaScript檔案中自動生成詳細的JSDoc註釋
8、egg-jump-definition
函式跳轉：點選函式名字，跳轉到定義的函式。
9、VSCode Highlight Matching Tag
VSCode突出顯示匹配標記：此擴充套件突出顯示匹配的開始和/或結束標記。也可以選擇在狀態列中顯示標記的路徑。儘管VSCode有一些基本的標記匹配，但它就是-basic。此擴充套件將嘗試在任何地方匹配標記：從標記屬性、字串內部、任何檔案，同時還提供大量樣式設定選項，以自定義標記的突出顯示方式。
官方支援的標記：HTML和JSX。其他風格（XML、Vue、Angular、PHP）應該可以工作，但沒有保證。不管怎樣，請隨時報告他們的問題。
10、Indent-Rainbow
縮排著色：使縮排更可讀的簡單擴充套件，此擴充套件使文字前面的縮排著色，在每個步驟上交替使用四種不同的顏色。有些人可能會發現為Nim或Python編寫程式碼很有幫助。
11、vscode-icons
檔案圖示：安裝此外掛不同的檔案會有不同的圖示展示，方便區分
12、vscode-pdf
pdf預覽：安裝後可使用vscode開啟pdf檔案預覽
13、vue
vue：開發vue需要安裝此外掛，安裝後Vue.js的語法突出顯示
14、vue-format
vue格式化：格式化vue程式碼
15、ZZCLI Vue VSCode Snippets
ZZCLI Vue VSCode程式碼段：在vue中快速建立你的程式碼塊，主要提供了大量TS的寫法，讓你更快更方便入手
16、background
背景圖片外掛：安裝此外掛可更換VSCode的背景圖片
更換背景圖片需要用到一下配置，最多支援3張背景圖片
{
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///C:/Users/Wangchenchen/Pictures/5.jpg",
"file:///C:/Users/Wangchenchen/Pictures/4.jpg",
"file:///C:/Users/Wangchenchen/Pictures/2.jpg"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "center",
"background-repeat": "no-repeat",
"background-size": "100%,100%",
"opacity": 0.1
}
}17、Chinese (Simplified) Language Pack for Visual Studio Code
中文外掛：安裝此外掛，VSCode則可以變成中文的，選單及配置漢化
三、結尾
大家可以根據自己的實際需求安裝自己需要的外掛，還有很多好用的外掛等著你去發現呢。