VS Code + Arduino IDE + ESP8266 开发环境搭建

Visual Studio Code + Arduino IDE + ESP8266 开发环境搭建

本文将讲述如使用VS Code 开发 ESP8266

配置参数（已有环境可参考）

1、代码提示（自动补全），
2、格式化代码，左括号不换新行，缩进4空格
includePath的路径根据自己的情况设定，原则是指向所有引用的.h目录
注意JSON的格式，尤其是 " ," 的位置

{
    "editor.quickSuggestions": true,
    "C_Cpp.clang_format_style": "{ BasedOnStyle: LLVM, UseTab: Never, IndentWidth: 4, TabWidth: 4, BreakBeforeBraces: Attach, AllowShortIfStatementsOnASingleLine: true, IndentCaseLabels: false, ColumnLimit: 0, AccessModifierOffset: -4, NamespaceIndentation: All }",
    "C_Cpp.default.includePath": [
        "${workspaceFolder}/**",
        "C:\\Program Files (x86)\\Arduino\\libraries\\**",
        "C:\\Users\\{你的用户名}\\AppData\\Local\\Arduino15\\packages\\esp8266\\hardware\\esp8266\\2.7.4\\**",
        "C:\\Users\\{你的用户名}\\AppData\\Local\\Arduino15\\packages\\esp8266\\tools\\**",
        "{Arduino 项目文件夹地址}\\libraries\\**"
    ],
    "C_Cpp.default.intelliSenseMode": "clang-x64",
    "C_Cpp.intelliSenseEngine": "Tag Parser"
}

所需软件及插件

1.Arduino 1.8.13
2.Visual Studio Code
3.CppTools插件
4.Arduino插件

Arduino IDE的安装和配置

下载地址：https://www.arduino.cc/en/software

安装完成后添加开发板
文件->首选项：附加开发板网址（如果有多个可以点后面的小图标打开一个新窗口，每行一个）
https://arduino.esp8266.com/stable/package_esp8266com_index.json

工具->开发板->开发板管理器
等待列表更新完成时搜索：ESP8266
esp8266 by ESP8266 Community
直接点击安装即可
国内没有镜像，下载速度可能比较慢，需要一直等或者其他的上网方式

选择开发板
工具 -> 开发板 -> ESP8266 Boards(***) -> NodeMCU 0.9
设置正确的串口号，随便打开一个例程烧录一下测试是否正常。

VS Code 与 扩展插件

https://code.visualstudio.com/
安装时一路Next就可以了。
为了使用方便在安装过程中勾选创建桌面快捷方式

插件安装

如下图，点左侧扩展图标，输入要安装的插件名称

中文语言包
ms-ceintl.vscode-language-pack-zh-hans
安装完成后会提示重启软件

C/C++ CPP Tools
ms-vscode.cpptools

Arduino
vsciot-vscode.vscode-arduino

参数配置

文件->首选项->设置 （Ctrl+,）
编辑：settings.json 进行全局参数的设置
如果你要开发多个项目，可以先打开一个项目文件夹，再次进入设置是会看到工作区选项卡，将以下设置写入工作区即可，这样每个工作区的配置就独立的

或找到对应的选项进行设置，可以实现：
1、代码提示（自动补全），
2、格式化代码，左括号不换新行，缩进4空格
includePath的路径根据自己的情况设定，原则是指向所有引用的.h目录
注意JSON的格式，尤其是 " ," 的位置

{
    "editor.quickSuggestions": true,
    "C_Cpp.clang_format_style": "{ BasedOnStyle: LLVM, UseTab: Never, IndentWidth: 4, TabWidth: 4, BreakBeforeBraces: Attach, AllowShortIfStatementsOnASingleLine: true, IndentCaseLabels: false, ColumnLimit: 0, AccessModifierOffset: -4, NamespaceIndentation: All }",
    "C_Cpp.default.includePath": [
        "${workspaceFolder}/**",
        "C:\\Program Files (x86)\\Arduino\\libraries\\**",
        "C:\\Users\\{你的用户名}\\AppData\\Local\\Arduino15\\packages\\esp8266\\hardware\\esp8266\\2.7.4\\**",
        "C:\\Users\\{你的用户名}\\AppData\\Local\\Arduino15\\packages\\esp8266\\tools\\**",
        "{Arduino 项目文件夹地址}\\libraries\\**"
    ],
    "C_Cpp.default.intelliSenseMode": "clang-x64",
    "C_Cpp.intelliSenseEngine": "Tag Parser"
}

使用VS Code 烧录Arduino

如果以上操作没有问题，你将在VS Code窗口的右下角看到下图的样子

Select Board Type 选择开发板

Select Serial Port 选择串口号

编译与烧录

当打开.ino文件时会出现相应的按钮，编译并上传 / 只编译不上传
也可以直接热键来操作
Ctrl+Alt+U 编译并上传
Ctrl+Alt+R 编译

完全卸载 VS Code 并清除配置

当你把配置文件搞乱或者想尝试学习如何正确配置自己的开发环境时，可以做如下操作：
1、卸载：VS Code （正常卸载就可以，不要直接删除程序目录）
2、删除：C:\Users{你的用户名}\AppData\Roaming\Code
3、删除：C:\Users{你的用户名.vscode
4、删除：{项目文件夹}/.vscode
删除如果看到指定的文件夹，请开启显示隐藏文件选项