場景

Visual Studio Code (簡稱 VSCode / VSC) 是一款免費開源的現代化輕量級代碼編輯器，支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、Git 等特性，支持插件擴展，并針對網頁開發和云端應用開發做了優化。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

打開VSCode,左邊菜單欄最下面一個擴展，然后搜索，然后點擊install

?

Chinese (Simplified) Language Pack for Visual Studio Code

漢化中文簡體插件

vscode-icons

對各種文件類型的文件前的圖標進行優化顯示

open in browser

在瀏覽器運行預覽

auto rename tag

改HTML標簽時，自動修改匹配的標簽

beautify

Beautify 插件可以快速格式化你的代碼格式

path autocomplete:

路徑智能補全

html snippets

Bracket Pair Colorizer

括號匹配插件

H5代碼片段以及提示

node-snippets

node語法提示

Vue 2 Snippets

vue語法提示

jQuery Code Snippets

Jquery語法提示

vetur

vuejs官方團隊的一名成員寫的有關vuejs語法的插件

VueHelper

Vue2代碼段提示

其他提示插件類似，根據自己開發需要安裝

?

?

總結

以上是生活随笔為你收集整理的VSCode刚安装后可以安装这些插件提高开发效率的全部內容，希望文章能夠幫你解決所遇到的問題。

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