Windows安装VS Code详细教程

 

目录

软件下载（官网地址）

下载流程（图解）

安装常用的插件

---

VSCode（全称：Visual Studio Code）是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构、查看定义功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。

VS Code 使用 Monaco Editor 作为其底层的代码编辑器。

在 2019 年的 Stack Overflow 组织的开发者调查中，Visual Studio Code 被认为是最受开发者欢迎的开发环境。

---

软件下载（官网地址）

https://code.visualstudio.com/Download

下载流程（图解）

点击网址到官网下载

 下载好之后找到下载好的文件位置，选中文件右键以管理员方式打开此文件

 点击确定

 同意协议，点击下一步

 

 选择要安装的位置，默认直接下一步即可，自定义可以点击浏览然后选择想要安装的位置

一直默认下一步就行

 附加任务这块全选上就行，下面会做解释

1 创建快捷方式：桌面上将出现该VSCode的快捷方式

2 将“通过Code打开”操作添加到 Windows 资源管理器文件上下文菜单，可以直接通过VSCode打开该文件

3 将“通过Code打开”操作添加到 Windows 资源管理器目录上下文菜单，可以直接通过VSCode打开该文件夹，会给我们的操作带来极大的方便

4 将Code注册为受支持的文件类型的编辑器，可以右键 > 打开方式 > Visual Studio Code，来用VSCode打开该文件

5 添加环境变量，不需要再配置环境变量，可以直接使用，可以在控制台（cmd或power shell）中输入code打开VS Code，或者输入code.打开VS Code

 这一步直接点击安装即可

 等待安装

 安装成功，点击完成即可

安装常用的插件

首先打开程序，切换到如下选项中

在输入框输入Chinese，找到简体中文包，选中它右侧会出现详情页，点击install安装即可（必备）

 点击右下角的restart，重启即可切换到中文 如图所示，成功安装

Auto Close Tag (必备)

自动闭合HTML/XML标签

ESLint  

是一个代码规范和错误检查工具，所有东西都是可以插拔的。你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter。任意的rule 都是独立的。没有特定的coding style，你可以自己配置

HTML CSS Support 在编写样式表的时候，自动补全功能大大缩减了编写时间。

 JavaScript (ES6) code snippets：支持ES6语法提示。

 还有很多好用的插件，这里就不多赘述。感兴趣的小伙伴可以自行百度安装，了解使用方法