安装VSCode需要先下载VSCode。 打开浏览器，键入https://code.visualstudio.com/，然后单击“下载”以根据您的操作系统下载。
下载成功的本地exe安装包
默认安装
启动VSCode，默认使用的语言是英语(us )。 熟悉英语的人请忽略此步骤，安装中文插件，点击左边，然后输入chinese搜索，选择中文件的简体字进行安装。 按住Ctrl Shift P键，键入configure display language，然后如下图所示选择“设置显示语言”
如下图所示，将缺省en更改为zh-cn并保存，然后重新启动VSCode VSCode前端常用插件集合1.Auto Close Tag以自动关闭HTML/XML标记
2.Auto Rename Tag自动完成对另一侧标签的同步修复
3.Beautify格式代码。 值得注意的是，beautify插件支持自定义格式代码规则
4.Debugger for Chrome将vscode断点映射到chrome，便于调试
5.HTML CSS Support智能提示CSS类名和id
6.HTML Snippets智能提示HTML标签以及标签的含义
7.JavaScript(es6 )代码快照es6语法智能提示和快速输入。 它不仅支持. js，还支持. ts、 jsx、 tsx、 html和. vue，从而节省了支持包含各种js代码的文件的时间
8.jquery代码快照jquery代码智能提示
9.Material Icon Theme是个人最好的vscode图标主题，支持不同颜色系统的图标交换。 值得注意的是，该插件更新非常频繁，几乎与vscode的更新频率一致
10.vs代码- icon vs代码资源树目录图标，简洁大方
11.open in browser vscode无法像IDE那样直接在浏览器中打开html，但该插件支持快捷键和鼠标右键，可以在浏览器中快速打开html文件，fireres
12.Vetur Vue多功能集成插件。 包括语法高亮、智能提示、emmet、错误提示、格式、自动完成和调试器。 vscode官方钦定Vue插件，Vue开发者必备
11 .项目管理器在多个项目之前快速切换的工具
12.Prettier Prettier是当前Web开发中最受欢迎的代码格式。 安装此插件后，将自动应用Prettier，并将整个JS和CSS文档快速格式化为统一的代码样式。 如果还想使用ESLint，还有prettiereslint插件。 不要错过。
12.vue 2 Snippets！ VUE2片段和语法加亮
13.Vue VSCode Snippets VUE代码自动完成插件，生成VUE基本框架
14 .终端vs代码中内置的命令行插件也很实用
15.live server插件打开本地服务器
就这些，我觉得很实用。 欢迎补充