VsCode环境（C、ArduinoIDE、ESP8266）

工具	官网	网盘
vscode	https://code.visualstudio.com/	链接：https://pan.baidu.com/s/1UCGbv06HMFYk-GdS5O2ijg 提取码：bw3x
mingw64	https://sourceforge.net/projects/mingw-w64/files/	链接：https://pan.baidu.com/s/1DtF1gyP8UxhfaWeTJa2Haw提取码：xjlq
Arduino	https://www.arduino.cn/thread-5838-1-1.html	链接：https://pan.baidu.com/s/1IyH-iMzYG47g8zayw97gIQ提取码：4jxc
esp8266插件		链接：https://pan.baidu.com/s/1IyH-iMzYG47g8zayw97gIQ 提取码：4jxc

零、文章目录

一、VsCode下载安装
二、VsCode配置C/C++环境
三、VsCode配置ESP8266（Arduino）环境

---

一、VsCode下载安装

简单说明
VsCode本质就是一个文本编辑器，但是VsCode提供非常丰富的插件，使得VsCode能配置各种开发环境：如可配置C语言开发环境，Python开发环境，Arduino开发环境等等。

下载安装

1. vscode下载地址：https://code.visualstudio.com/

2. 打开下载页面有两个选项 “stable（稳定版本）”和“insiders（内部版本）”，一般选择stable（稳定版本）

3. 默认安装即可

汉化

1. 打开vscode，选中最左侧的工具栏最下面的插件安装

2. 输入chinese，选择安装

3. 安装完成，重启vscode即可
   

二、VsCode配置C/C++环境

2.1 编译环境

安装c/c++插件

1. 打开vscode，选中最左侧的工具栏最下面的插件安装

2. 输入c/c++，选择安装

3. 安装成功即可用
   注意：安装c/c++插件只有命令补全等功能，但是没有编译功能，编译器需要另外安装
   

配置编译器

windows编译器选择：mingw64

1. 编译器下载地址：https://sourceforge.net/projects/mingw-w64/files/

2. 下载的文件：进入网站后不要点击 “Download Lasted Version”（这个是在线安装包），往下滑，找到最新版的 “x86_64-posix-seh”。

3. 安装MinGW：下载后是一个7z的压缩包，解压后移动到你想安装的位置即可。我的安装位置是：D:\mingw64 （路径最好不要有中文或者空格）

4. 设置环境变量
   

5. 打开cmd，输入gcc -v测试，显示版本信息说明安装成功
   

2.2 编译文件

方法一：配置tasks.json

编译单个.cpp文件

1. 新建空文件夹Code

2. 打开VScode --> 打开文件夹 --> 选择刚刚创建的文件夹Code
   

3. 新建 HelloWorld.cpp 文件，内容如下：

   #include <stdio.h>
   #include <windows.h>
   int main()
   {
       printf("Hello World\n");
       system("pause");
       return 0;
   }
   

4. 点击"终端"->"配置默认生成任务..."
   

5. 选择“c/c++:g++.exe 生成活动文件”（安装完mingw64vscode就能自动检测到）
   

6. 文件夹会自动生成.vscode目录，和tasks.json文件（无需修改）
   

7. 点击“HelloWorld.cpp文件”，点击“终端”->“运行生成任务”，会生成可执行文件
   
   

8. 点击调试框的“+”号，新建一个终端就可以执行生成文件了
   

编译多个.cpp文件

如果要编译多个文件修改task.json文件，将要编译的文件添加到tasks.json的参数配置。

1. 创建test.cpp和test.h文件（用于测试），如下：
   
2. 将要编译的文件添加到tasks.json的编译参数中即可，如下图所示
   
3. 接下来编译与运行步骤与上面单文件的操作完全相同

方法二：code runner插件

安装code runner插件

安装coderunner之后，不需要配置task.json文件既可编译程序

1. 打开vscode，选中最左侧的工具栏最下面的插件安装

2. 输入code runner，选择安装

3. 安装成功即可用

4. code runner安装成功在界面上便有编译按钮，后续编译点击这个按钮即可（默认编译单个文件）
   

编译单个.cpp文件

1. 新建空文件夹Code

2. 打开VScode --> 打开文件夹 --> 选择刚刚创建的文件夹Code

3. 新建HelloWorld.cpp （内容与方法一相同用即可）

4. 点击vscode编译按钮，即可编译程序，执行程序
   

编译多个.cpp文件

code runner插件默认只能编译单个文件，如果要编译多个文件，则需要修改code runner调用的配置文件。

1. 创建test.cpp和test.h文件（作为多文件编译测试）
   
2. 此时如果在HelloWorld.cpp文件下直接点击运行按钮，会报连接错误。（code runner插件默认只能编译单个文件）
   
3. 要让Code Runner支持编译该文件夹下全部.cpp文件，首先打开文件->首选项->Settings，如图所示。然后在设置页面搜索Code Runner，找到Code Runner的ExecutorMap设置。
   
   
4. 点击在settings.json中编辑后，打开settings.json文件如图，找到executorMap设置项，在其中c和cpp程序对应的一行，修改其中的gcc $filename为gcc *.c
   
5. 修改保存之后，再点击Code Runner运行按钮，可以直接编译运行了
   

2.3 调试程序

目前调试程序是在编译文件方法一：配置tasks.json的基础上配置；方法二：code runner插件的调试方法暂时还没去研究。

1. 进入调试界面创建launch.json，选择 C++(GDB/LLDB)，再选择 g++.exe

2. 选择完环境会跳出选择配置，点击"g++.exe-生成和调试活动文件"，之后会自动生成 launch.json 配置文件
   
   

3. 默认生成launch.json文件（launch.json就是定义如何去调试程序的配置文件，无需修改）
   

4. 点击"HelloWorld.cpp文件"，设置断点
   

5. “运行”->“启动调试”
   

6. 开始调试程序
   

7. 若想要弹窗、需要配置刚才生成的"launch.json"文件
   
   

三、VsCode配置ESP8266环境

3.1 前言

VsCode支持Arduino开发环境的配置，ArduinoIED支持ESP8266开发环境的配置；所以VsCode配置ESP8266环境的步骤如如下

1. 安装vscode
2. 安装Arduino IDE
3. ArduinoIDE配置esp8266插件
4. 配置vscode支持Arduino开发环境

3.2 ArduinoIDE配置

ArduinoIDE下载安装

1. Arduino IDE下载地址：https://www.arduino.cn/thread-5838-1-1.html

   Arduino中文社区：https://www.arduino.cn/

2. 默认安装即可

ArduinoIDE配置esp8266插件

有两种方法可以再ArduinoIDE配置esp8266插件；但是方法一可能会因为网络的问题下载插件一直失败，所以推荐直接使用方法二

方法一：ArduinoIDE的<开发板管理器>安装

1. 打开Arduino IDE<文件> ------> <首选项>
   

2. 在Arduino IDE的<首选项>对话框中找到<附加开发板管理网址>

3. 将以下网址复制并且黏贴到到<附加开发板管理网址>栏中

   http://arduino.esp8266.com/stable/package_esp8266com_index.json
   

4. 打开Arduino IDE的<开发板管理器>
   

5. 在<开发板管理器>的搜索栏中输入esp8266（下载插件，确保有网）
   

6. 开始安装esp8266开发板插件文件
   

7. 成功安装esp8266开发板插件文件
   

方法二：事先下载ESP8266插件文件

1. 网盘地址：https://pan.baidu.com/s/1IyH-iMzYG47g8zayw97gIQ 提取码：4jxc

2. 双击运行下载文件即可，

3. 查看Arduino IDE的项目->加载库中多了很多的库，如下图 （表示安装成功）
   

3.3 vscode配置Arduino

1. 首先打开你的VScode，安装插件
   

2. VScode进行系统参数设置，快捷键Ctrl+, 打开后在搜索框里写入arduino。
   

3. 在配置项中找到Path，随后在输入框中输入自己安装arduino的路径即可。
   

3.4 编译烧写程序

1. 首先用vscode打开自己的arduino目录，然后新建文件夹Blink再新建一个Blink.ino文件。
   
   

2. 我们先点击下面状态栏中的<Select Board Type>选择开发板类型，选择NodeMCU1.0(ESP-12F Module)
   

3. 连接上我们的开发板，并且点击下面状态栏的<``Select Serial Port>，找到自己ESP8266的设备端口。
   

4. 配置完就可以编写代码了

   这时候如果编写代码的时候没有提示和补全功能，先将编写如下面的代码框架，点击编译，然后就有代码补全功能了

   void setup(){
   }
   void loop(){
   }
   

   void setup()
   {
       pinMode(LED_BUILTIN,OUTPUT);
   }
   void loop()
   {
       digitalWrite(LED_BUILTIN,HIGH);
       delay(1000);
       digitalWrite(LED_BUILTIN,LOW);
       delay(1000);
   }
   

5. 编译下载
   

3.5 问题解决

关于编译时中文显示乱码的问题

这个是Arduino插件的问题，我们需要进入 C:\Users\这里是你当前的用户.vscode\extensions\vsciot-vscode.vscode-arduino-0.3.4\out\src\common

上面是0.3.4旧版本arduino插件修改方法，其会随着版本的更新而替换文件，所以每次版本更新后需要重新操作一次，目前arduino插件最新版本为0.3.5，问题依旧，解决办法也依旧注释这一段就行

这个文件夹，找到下面的一个 util.js 文件，用文档编辑器打开，在第215行找到这么一段代码，并将它注释掉


然后重启VScode，可以看到，乱码就没有了