VS code 配置ESP8266/ESP32 运用Arduino扩展

Vscode的好处

使用VS Code 搭建arduino 开发环境使用起来还是相当不错的,VS Code我认为的好处就是能够查看一些封装起来的函数,还有代码补全。另一个好处就是,在arduino 直接安装了库文件,在VS Code 就可以使用

1、Arduino安装

①官网下载也行,可能速度慢些 ②通过链接下载 https://pan.baidu.com/s/1NO4Wktsulz2CMHCWVmwMOQ 提取码:kc29

2、esp开发板下载安装:

2.1、方式1——链接下载:

点击左上角“文件”–>首选项–>附加开发板管理器网址–>在输入框里面输入网址: ESP8266开发板:http://arduino.esp8266.com/stable/package_esp8266com_index.json

ESP32开发: https://dl.espressif.com/dl/package_esp32_index.json

想要下载那给就填写哪一个。

esp32 vscode 小电视 vscode esp32插件_ide

这种安装方式其实是在github下载资源,安装过的都懂,那下载速度是相当的慢,除非合理上网之后点击工具 - 开发板 - 开发板管理器,找到 esp32 并安装:

esp32 vscode 小电视 vscode esp32插件_ide_02

## 2.2、方式2——打包文件安装

直接下载打包好的exe文件,双击安装。

如果安装过其他版本的esp32/esp8266 package,请先删除,再使用本安装包,删除方法:按win+R键,然后输入 %LOCALAPPDATA%/Arduino15/packages,回车进入,然后删除掉其中的esp32/esp8266文件夹

下载链接:链接:https://pan.baidu.com/s/1beSxH6HyhtGxgfPUPqGCkQ 提取码:85fh

3、VS Code 配置arduino

首先先将arduino 的安装路径,添加到系统环境变量里面

esp32 vscode 小电视 vscode esp32插件_arduino_03

3.1 下载Vscode

链接: https://pan.baidu.com/s/1tgxZ6HE_LbUw0YQJ4KOqlw

提取码:a9dr

个人认为,此版本比较稳定,安装好以后建议关闭自动更新

关闭自动更新方法:按Ctrl+, 打开设置,然后搜索update,在Mode里面选择nono

查看当前vscode版本号方法:

esp32 vscode 小电视 vscode esp32插件_ide_04

然后会出现一下界面

esp32 vscode 小电视 vscode esp32插件_ide_05

3.2 、VS Code 插件安装

快捷键:Ctrl +Shift+X

esp32 vscode 小电视 vscode esp32插件_arduino_06

搜索Arduino并安装

esp32 vscode 小电视 vscode esp32插件_vscode_07

开始配置文件:

esp32 vscode 小电视 vscode esp32插件_esp32 vscode 小电视_08

esp32 vscode 小电视 vscode esp32插件_arduino_09

将下述代码复制进去

"C_Cpp.intelliSenseEngine": "Tag Parser",
    "editor.insertSpaces": true,
    "files.autoGuessEncoding": true,
    "explorer.confirmDelete": false,
    "editor.detectIndentation": false,


    //arduino 配置
    "arduino.path": "D:\\Arduino", //arduino 安装路径
    "arduino.commandPath": "arduino_debug.exe",
    "arduino.logLevel": "info",
    "arduino.allowPDEFiletype": false, 
    "arduino.enableUSBDetection": true,
    "arduino.disableTestingOpen": false,
    "arduino.skipHeaderProvider": false,
    "arduino.defaultBaudRate": 115200

接下来基本上可以正常使用环境了

4、其他问题

4.1、中文乱码

打开插件的安装目录:

C:\Users\Administrator.vscode\extensions\vsciot-vscode.vscode-arduino-0.3.4\out\src\common

这个目录是我自己的目录,可能有所不同。

esp32 vscode 小电视 vscode esp32插件_esp32 vscode 小电视_10

修改util.js文件里面大概在215行:

注释下面部分

esp32 vscode 小电视 vscode esp32插件_arduino_11

4.2 、串口无法打开   如果出现串口监视无法打开,或者选择不了串口,可能是Vscode自动更新了,请更换为VS Code软件到1.52.1版本。

5、效果展示

esp32 vscode 小电视 vscode esp32插件_visual studio code_12