1. 安装配置

官方下载链接：

Visual Studio Code - Code Editing. Redefined


https://code.visualstudio.com/下载完成后切换为中文界面：

Shift + Ctrl + P

vscode 配置 eslint vscode 配置要求_Code

 Configure Language

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_02

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_03

安装完成后会有提示，点击重启即可变成中文界面。 

文件乱码不要点击保存，直接排查问题。

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_04

按照提示，先安C/C++装拓展包。

vscode 配置 eslint vscode 配置要求_visual studio_05

根据上面显示格式是UTF-8，但是我们打开的文本格式并不是UTF8，因此会导致乱码。所以以后编辑中文注释的时候建议统一为UTF-8。

vscode 配置 eslint vscode 配置要求_c++_06

点击 文件 -》首选项  -》 设置 找到文件将Auto Guess Encoding 勾选

vscode 配置 eslint vscode 配置要求_visual studio_07

然后重启，点击下面的这个UTF-8 会弹出下选项。

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_08

然后找到GBK，这个格式也是中文编码的常用格式，注意下回我们统一使用UTF-8进行汉字编辑就不会出现编码不统一的情况，为什么选择UTF-8格式呢？主要还是因为其通用性更加广泛。

vscode 配置 eslint vscode 配置要求_c++_09


那么在Keil中我们如何修改编码格式呢？

vscode 配置 eslint vscode 配置要求_Code_10

我们可以看到默认是如下编码

vscode 配置 eslint vscode 配置要求_Code_11

将其改为UTF-8

vscode 配置 eslint vscode 配置要求_vscode_12

当然，这样修改最好是项目最初进行设置，因为如果中途设置，之前按照GB2312编码的汉字会因为修改成UTF-8 而造成乱码。

2. 错误警告，安装MinGW

运行VSCode时会出现这样的错误：

vscode 配置 eslint vscode 配置要求_visual studio_13

 初次使用VSCode运行c++代码报错 ”检测到 #include 错误。请更新 includePath“，查了一下是没有配置 MingGW 的环境变量。

搜索高级系统设置 

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_14

因为之前安装QT时安装过MinGW，因此只需要将其添加至系统环境变量里就可以了。

安装完成后进行cmd输入gcc -v 发现还是不行，那就需要单独安装了。

vscode 配置 eslint vscode 配置要求_Code_15

安装MinGW-w64 C/C++编译器

Download MinGW - Minimalist GNU for Windows from SourceForge.net


https://sourceforge.net/projects/mingw/files/latest/download

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_16

 

vscode 配置 eslint vscode 配置要求_vscode_17

MinGW安装管理器界面

vscode 配置 eslint vscode 配置要求_Code_18

这是 MinGW 安装管理器的主界面，通过这里我们可以下载、安装、管理 MinGW 和组件。

一般来说，我们只需要一些基础组件即可满足我们编译C/C++程序，所以选择左侧目录中的第一项 Basic Setup 即可，之后我们就可以在右侧选择需要的组件了。

vscode 配置 eslint vscode 配置要求_visual studio_19

vscode 配置 eslint vscode 配置要求_c++_20

因为我们只是为了编译 C/C++ 程序，所以只需安装 mingw-developer-toolkit、mingw32-base、mingw32-gcc-g++、msys-base 这4个组件即可。

vscode 配置 eslint vscode 配置要求_c++_21

在我们所需的4个组件都已标记完成后，单击菜单栏上的 Installation 选项，并在弹出的菜单中单击 Apply Changes 选项。

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_22

vscode 配置 eslint vscode 配置要求_Code_23

vscode 配置 eslint vscode 配置要求_Code_24

vscode 配置 eslint vscode 配置要求_c++_25

vscode 配置 eslint vscode 配置要求_vscode_26

 

vscode 配置 eslint vscode 配置要求_visual studio_27

 

vscode 配置 eslint vscode 配置要求_c++_28

至此 MinGW 已经安装到了您的电脑中，但这时还无法使用它编译 C/C++ 代码，您需要对操作系统进行一些设置。

我的电脑-》属性

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_29

vscode 配置 eslint vscode 配置要求_c++_30

vscode 配置 eslint vscode 配置要求_c++_31

vscode 配置 eslint vscode 配置要求_visual studio_32

这时我们打开 MinGW 安装目录中的 bin 目录，然后单击地址栏，复制红色线框中的地址。

vscode 配置 eslint vscode 配置要求_Code_33

 

vscode 配置 eslint vscode 配置要求_visual studio_34

执行CMD，输入gcc -v 就可以看到版本了，同时表明MinGW安装成功。

vscode 配置 eslint vscode 配置要求_c++_35

3. vscode 经常弹出：尝试在目标目录创建文件时发生一个错误 重试 跳过这个文件 关闭安装程序

vscode 配置 eslint vscode 配置要求_vscode 配置 eslint_36

 首先找到安装路径

vscode 配置 eslint vscode 配置要求_visual studio_37

 鼠标右键选中Microsoft VS Code文件夹->属性

vscode 配置 eslint vscode 配置要求_Code_38

vscode 配置 eslint vscode 配置要求_c++_39