首页 › 点灯·blinker › ESP32使用blinker库的arduino IDE上手教程,升级vscode教程,git教程

tudou0133 发表于 2018-8-14 20:03

ESP32使用blinker库的arduino IDE上手教程,升级vscode教程,git教程

本帖最后由 tudou0133 于 2018-8-29 22:12 编辑

前言，Arduino IDE对小程序来讲很好用，界面简单直观易用，但也就是因为过于的简单，所有代码挤在一起，代码长了的话强迫症表示极其难受，没有代码补全不说，没有go to definition，不能直接跳转到文件，如果你想查看库是怎么写的或者修改库，就要靠手动去找，或者使用sublime，vscode这类代码阅读器。

没有对比就没有伤害


arduino ide寒酸的界面

而且目前sublime和vscode都有arduino的相应插件，按照教程一步一步来肯定是可以编译arduino的开发板了，问题是esp32/esp8266这类第三方开发板，sublime3我折腾了几日，还是没有对esp32编译成功，最近在blinker大佬的协助下，成功配置了vscode。
如果你是新手，只需要arduino ide的话，只看第一大步即可，已经使用过arduino ide想切换到vscode上，只看第二大步即可，有git需求的看第三大步

目录
1.Arduino IDE的正确安装与配置
2.Visual Studio Code的安装与配置

3.vscode中 git的配置与使用

1.Arduino IDE的正确安装与配置
这里为什么要说正确的安装与配置呢？其实vscode也是依赖于arduino ide的，开发板的添加，第三方库的添加都是在arduino ide上完成的，vscode只是调用这些信息罢了，所以不要说vscode怎么下载库，因为根本不需要，arduino ide配置正确了，vscode那边也不会有问题

1.安装arduino ide
https://www.arduino.cc/en/Main/Software/
这一步不再多讲了注意，安装完arduino ide记得将它加入到环境变量中
我的电脑右键->属性->高级系统设置->环境变量->新建一个叫ARDUINO的系统变量->值改成你的安装路径



2.添加开发板到arduino ide
这里就比较容易踩坑了，我以前是直接去官网下载了芯片包并放到了arduino的安装目录，还需要修改board文件，ide才识别出开发板，然而后来vscode不认。。。所以这里教一个简单办法。
arduino ide的界面上->文件->首选项，有个叫附加开发板管理器地址的东西



arduino ide支持的所有第三方开发板有个列表
https://github.com/arduino/Arduino/wiki/Unofficial-list-of-3rd-party-boards-support-urls/
在这里找到你的开发板，将地址添加进去


esp32就是 https://dl.espressif.com/dl/package_esp32_index.json
esp8266    http://arduino.esp8266.com/stable/package_esp8266com_index.json



然后arduino ide界面->工具->开发板->开发板管理器
等待进度条走完，搜索你的开发板



点击安装，等待安装完，开发板里有你使用的开发板证明添加成功

3.添加blinker或者其他第三方库


目前blinker库是2.0版本
https://github.com/blinker-iot/blinker-library/tree/dev_2.0/
将下载完的zip解压到
C:\Users\你的用户名\Documents\Arduino\libraries
这里是arduino的默认库路径
如果在arduino ide界面->文件->示例里能找到blinker证明库也安装成功了




打开mqtt例程，编译一下，通过，arduino ide部分就装完了



2.Visual Studio Code的安装与配置
1.安装
https://code.visualstudio.com/
注意，安装中有打对勾的地方，还是都打上吧
2.安装插件
打开vscode后，在左上角，搜索arduino插件，一般会直接带着一起安装C/C++插件，如果没有，也一并安装上




https://www.arduino.cn/forum.php?mod=image&aid=45216&size=300x300&key=fb3a8e86ee49f7b2&nocache=yes&type=fixnone

3.配置插件
主界面->文件->首选项->设置
在右半边，用户设置大括号中，输入以下内容




"arduino.path": "D:\\Arduino",
    "C_Cpp.intelliSenseEngine": "Tag Parser",
    "editor.insertSpaces": true,
    "files.autoGuessEncoding": true,
    "arduino.logLevel": "info",
    "explorer.confirmDelete": false,
    "editor.detectIndentation": false
其中，arduino.path是你arduino ide的安装位置，自行确定
按ctrl+s保存即可

将你刚才在arduino ide上编译通过的例程另存为一下，因为我们以后要改的是这份副本在你保存玩的项目文件夹上右键，open with code



没弹出来这个的，肯定是你安装vscode的时候没打对勾。。。

4.选择开发板

在主界面按F1



点击 board config



这里选择你的开发板和其他配置，和ide里面选择是一样的，没有的话说明上面你的arduino ide的安装不正确，或者填写的arduino ide的地址不对，导致vscode得不到开发板信息
此时，界面右下角状态栏会发生改变

这里你可以调整开发板，串口，串口速度等等
5.编译与上传
刚才按完F1跳出的菜单里，verify是编译，upload是上传，点击一下，没有错误就等待编译结束吧
vscode的信息栏同样也是个串口监视器哦

自此，vscode的安装与配置全部完成
6.项目配置
此步骤仅在上面编译错误或失败时尝试！！！如果上步已经编译成功请跳过此步！！！
编译一次项目之后，你会发现文件夹里面多了几个文件
打开c_cpp_properties.json
这里是项目的路径配置，编译器配置等
按照下面来配置


{
    "configurations": [
      {
            "name": "Win32",
            "includePath": [
                "C:\\Users\\tudou\\AppData\\Local\\Arduino15\\packages\\esp32\\tools\\**",
                "C:\\Users\\tudou\\AppData\\Local\\Arduino15\\packages\\esp32\\hardware\\esp32\\1.0.0\\**"
               
            ],
            "intelliSenseMode": "msvc-x64",
            "compilerPath": "C:\\Users\\tudou\\AppData\\Local\\Arduino15\\packages\\esp32\\tools\\xtensa-esp32-elf-gcc\\1.22.0-80-g6c4433a-5.2.0\\bin\\xtensa-esp32-elf-gcc.exe",
            "cStandard": "c11",
            "cppStandard": "c++17"
      }
    ],
    "version": 4
}
默认路径每个人可能不一样，请自行修改




3.vscode中git的配置与使用

vscode中已经集成了许多git的操作，但还是需要安装和配置一下git的

https://git-scm.com/download/win/

安装路径保持不变，方便vscode读取到git
其中一些配置如图







安装完后，将git加入到环境变量中，新建系统变量Git，值为安装路径


回到vscode，文件->首选项->设置->右边的用户设置里再添加两条

"git.path": "C:\\Program Files\\Git\\cmd\\git.exe",
    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"

路径可能不一样，自行调整
这两条是让vscode找到git软件的位置还有将默认终端改成git的bash
在vscode的信息框选择终端，出现以下说明git配置正确



输入git config --global user.name "用户名"
git config --global user.email "用户邮箱"
执行git初始化仓库命令git init执行添加文件目录到git仓库命令 git add .（. 小数点是添加当前目录下的所有文件 也可以只添加制定文件或者文件夹）执行git仓库与github仓库的连接命令git remote add origin https://github.com/你的github的用户名/test.git（这里是你创建的仓库名字加上 .git）执行推送到分支(master)的命令
git push -u origin master
（分支名字master为主分支）


在你第一次使用时点击推送或者执行上条push的命令时会弹出github的登入框，输入用户名密码（在vscode中每次push都要输入用户名密码，这里可以执行git命令让git软件记住密码）如下


git config --global credential.helper store



git配置教程参考
https://blog.csdn.net/weixin_40965293/article/details/80319982

tudou0133 发表于 2018-8-14 20:11

沙发是我自己哒

chen70854022 发表于 2018-8-18 20:23

这个一直装不完怎么办，装会就报错

查看完整版本: ESP32使用blinker库的arduino IDE上手教程,升级vscode教程,git教程