設置中文語言使用快捷鍵【Ctrl+Shift+P】，彈出的搜索框中輸入【configure language】，然后選擇搜索出來的【Configure Display Language】，locale的屬性值為“zh-CN”，安裝插件名為【Chinese （Simplified）Language Pack for Visual Studio Code】，重啟VSCode軟件生效。

　　1.Auto Close Tag

　　自動閉合HTML/XML標簽

?

?　　2.Auto Rename Tag

　　自動完成另一側標簽的同步修改

?

　　

　　3.Beautify

　　格式化代碼，值得注意的是，beautify插件支持自定義格式化代碼規則，例如：

1 2 3 4 5 6 7

{ ??"indent_size": 4, ??"indent_char":?" ", ??"css": { ????"indent_size": 2 ??} }

　　mac版vscode中beautify的默認格式化代碼按鍵為cmd+b，也可以自定義快捷鍵

?

?

　　4.Bracket Pair Colorizer

　　給括號加上不同的顏色，便于區分不同的區塊，使用者可以定義不同括號類型和不同顏色

?

?

　　5.Debugger for Chrome

　　映射vscode上的斷點到chrome上，方便調試

?

?

　　6.ESLint

　　js語法糾錯，可以自定義配置，不過配置較為復雜，建議使用網上一些廣泛使用的eslint配置，日后我也會專門針對eslint配置寫一篇文章。

?

?

　　7.GitLens

　　方便查看git日志，git重度使用者必備

?

?

　　8.HTML CSS Support

　　智能提示CSS類名以及id?

?

?

　　9.HTML Snippets

　　智能提示HTML標簽，以及標簽含義

?

?

　　10.JavaScript(ES6) code snippets

　　ES6語法智能提示，以及快速輸入，不僅僅支持.js，還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間

?

?

　　11.jQuery Code Snippets

　　jQuery代碼智能提示

?

?

　　12.Markdown Preview Enhanced

　　實時預覽markdown，markdown使用者必備

?

?

　　13.markdownlint

　　markdown語法糾錯

?

?

　　14.Material Icon Theme

　　個人認為最好的vscode圖標主題，支持更換不同色系的圖標，值得點出的是，該插件更新極其頻繁，基本和vscode更新頻率保持一致

?

?

　　15.open in browser

　　vscode不像IDE一樣能夠直接在瀏覽器中打開html，而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件，支持自定義打開指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari

?

?

　　16.Path Intellisense

　　自動提示文件路徑，支持各種快速引入文件

?

?

　　17.React/Redux/react-router Snippets

　　React/Redux/react-router語法智能提示

?

?

　　18.Vetur

　　Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。

?

轉載于:https://www.cnblogs.com/ycg-myblog/p/10128907.html

總結

以上是生活随笔為你收集整理的vscode 常用插件安装的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。