vscode經常使用插件

一、Auto Close Tag  ：自動添加HTML / XML關閉標籤
二、Auto Rename Tag: 更改 HTML/XML 標籤名時，自動更新相對應的開始標籤或結束標籤的標籤名
三、Beautify：格式化代碼
四、Bracket Pair Colorizer:爲代碼中的括號添上一抹亮色 
五、Chinese (Simplified) Language Pack for Visual Studio Code：中文簡體語言包
六、Code Runner：萬能語言運行環境，可以運行多種語言的代碼片斷或代碼文件
七、Code Spell Checker：這款插件能實時的識別單詞拼寫是否有誤，並給出提示
八、Color Highlight：顏色值在代碼中高亮顯示
九、CSS Peek：使用此插件，你能夠追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時，選擇「 Go to Definition 和 Peek definition 」選項，它便會給你發送樣式設置的 CSS 代碼。
十、Debugger for Chrome：Debugger for Chrome這個插件是直接在vscode裏面進行調試js文件，跟谷歌的控制檯是同樣的功能，下載了它就不用打開瀏覽器的控制檯就能進行打斷點。
十一、ES7 React/Redux/GraphQL/React-Native snippets：使用簡寫命令，生成基礎代碼片斷
十二、Highlight Matching Tag：高亮匹配的標籤
1三、HTML CSS Support：讓 html 標籤上寫class 智能提示當前項目所支持的樣式
1四、HTML Snippets：超級實用且初級的 H5代碼片斷以及提示
1五、HTMLHint：html代碼檢測
1六、Image preview：鼠標移到路徑裏顯示圖像預覽
1七、IntelliSense for CSS class names in HTML：CSS 類名智能提示，把項目中 css 文件裏的名稱智能提示在 html 中
1八、JavaScript (ES6) code snippets： ES6代碼提示
1九、jQuery Code Snippets：jquery代碼提示
20、lit-html：提供語法高亮和相應的補全支持。
2一、Live Server：開啓本地開發時服務器，爲靜態和動態頁面提供實時刷新功能
2二、npm Intellisense：導入模塊時，提示已安裝模塊名稱，能夠智能提示npm相關的命令
2三、Path Autocomplete：路徑完成提示
2四、Path Intellisense：另外一個路徑完成提示
2五、Project Manager：快速切換項目
2六、React Native Tools：爲 React Native 開發提供的專門的插件
2七、React-Native/React/Redux snippets for es6/es7 ：react代碼片斷
2八、SVG Viewer：查看SVG 文件
2九、TypeScript Hero：用於編寫 TypeScript
30、Vetur：Vue 語法高亮顯示, 語法錯誤檢查, 代碼自動補全
3一、Vue 2 Snippets：vue代碼提示
3二、Open-In-Browser：此插件在快捷菜單中添加了在默認瀏覽器查看文件選項
3三、Prettier：代碼格式化
3四、Color info：爲你提供你在 CSS 中使用顏色的相關信息
3五、Regex Previewer：用於實時測試正則表達式的實用工具
3六、TODO Highlight：寫到某一部分的代碼時，其中部分的功能須要稍後再來實現，這是就能夠在對應的代碼處添加一個 TODO 類型的註釋，那麼後期就能夠快速地跳轉到這部分繼續寫
3七、Document This：快速註釋
3八、VueHelper：vue代碼片斷
3九、Prettify JSON：格式化JSON
40、File Peek：根據路徑字符串，快速定位到文件
4一、Color Picker：拾色器
4二、Can I Use：HTML五、CSS三、SVG的瀏覽器兼容性檢查
4三、Node.js Modules Intellisense：能夠在導入語句中自動完成JavaScript / TypeScript模塊
————————————————
版權聲明：本文爲CSDN博主「開心就好1314520」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/qq_38388578/article/details/91042956