VScode安裝插件只需要點擊圖片所示按鈕,即可進入拓展,在搜索框中輸入插件名點擊安裝后,等待安裝好即可。(點擊重新加載重啟vscode使得插件生效)

當你不需要某個插件時只需要進入擴展,點擊對應插件右下角的齒輪按鈕即可選擇禁用或卸載該插件。

下載插件前先推薦一款中文版本插件(如果你像我一樣覺得看英文比較麻煩的話o(╥﹏╥)o)
Chinese (Simplified) Language Pack for Visual Studio Code

Now ShowTime(PS:推薦順序 必備 > 推薦 > 了解)
1.Auto Close Tag (必備)
自動閉合HTML/XML標簽
2.Auto Rename Tag (必備)
自動完成同一個標簽的同步修改
3.Beautify (必備)
在代碼文件右鍵鼠標一鍵格式化 html,js,css
4.Bracket Pair Colorizer (必備)
給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色
5.open in browser (必備)
VScode不像IDE一樣能夠直接在瀏覽器中打開html,而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件,支持自定義打開指定的瀏覽器,包括:Firefox,Chrome,Opera,IE以及Safari
6.Path Intellisense (必備)
自動提示文件路徑,支持各種快速引入文件
7.HTML Snippets (必備)
智能提示HTML標簽,以及標簽含義
8.Npm Intellisense(node必備)
require時的包提示
9.Vetur (推薦)(Vue必備)
Vue多功能集成插件,包括:語法高亮,智能提示,emmet,錯誤提示,格式化,自動補全,debugger。(VScode官方欽定Vue插件,Vue開發者必備。)
10.Npm Intellisense(node必備)
require時的包提示
11.GitLens(使用git的必備)
方便查看git日志,git重度使用者必備
12.JavaScript(ES6) code snippets (必備)
ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間
13.ESLint (推薦)
js語法糾錯,可以自定義配置,不過配置較為復雜,建議使用網上一些廣泛使用的eslint配置
14.jQuery Code Snippets (推薦)
jQuery代碼智能提示
15.vscode-icons(推薦)
目錄樹圖標主題
16.filesize (了解)
查看文件大小
本文參考文檔鏈接:https://blog.csdn.net/jiandan1127/article/details/85957003















