1.官方下載：https://code.visualstudio.com/，本人電腦是window系統
下載之后，雙擊安裝，安裝完之后左側欄那邊是英文，如何變為中文：
按快捷鍵ctrl+shift+p，輸入配置顯示語言或者英文Configure Display Language
然后顯示如下圖之后，重啟即可
vscode左側欄打開多個文件夾的方法：
點擊文件->將文件夾添加到工作區->找到文件夾，打開即可。
邊用邊摸索，常用的一些操作：
1.向下拆分：查看—編輯器布局—向下拆分
vscode 前端常用必備插件匯總。
原鏈接：https://blog.csdn.net/qq_42690547/article/details/86483463
持續更新，歡迎推薦好的插件。
漢化。Chinese
npm Intellisense npm 模塊導入插件
Sync Settings 設置同步插件，不用每次配置，雲同步
一、基礎
1.HTML Snippets 智能提示HTML標簽，以及標簽含義
2.HTML CSS Support 智能提示CSS類名以及id
3.JavaScript(ES6) code snippets ES6語法智能提示，快速輸入，還支持.js，還支持.ts，.jsx，.tsx，.html，.vue
4. jQuery Code Snippets jQuery代碼智能提示
二、優化
1.Bracket Pair Colorizer 給括號加上不同的顏色，便於區分不同的區塊，使用者可以定義不同括號類型和不同顏色
2.Auto Close Tag 自動閉合HTML/XML標簽
3.Auto Rename Tag 自動完成另一側標簽的同步修改
4.open in browser 支持右鍵打開文件。
5.Path Intellisense 自動提示路徑，快速導入文件。
6.Material Icon Theme 好看的文件圖標。
7.Source Code Pro 好看的字體
8.Beautify 代碼格式化。
8.Power Mode 酷炫的輸入動效
9.Document This js代碼規范注釋
10.Code Spell Checker 英語拼寫檢測，對於js命名很有用哦
11.vscode-fileheader 作者個人信息注釋，自動保存最后代碼書寫時間
12. ESLint js語法檢測，痛並快樂着。
13.codelf 程序員命名神器，支持多種語言。
三、框架
1.Vetur Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger
2.React/Redux/react-router Snippets react智能提示。
ES7 React/Redux/GraphQL/React-Native snippets
3.Angular 5 Snippets angular智能提示。
4.Node.js Modules Intellisense node.js智能提示。
網上百度一大堆：
原鏈接：https://blog.csdn.net/jiandan1127/article/details/85957003