VSCode搭建ESP32 ESP-IDF开发环境-Windows

 陈拓 2023/10/09-2023/10/14

1. 安装Windows系统下的ESP32 ESP-IDF开发环境

见《Windows系统安装ESP32 ESP-IDF开发环境》

Windows系统安装ESP32 ESP-IDF开发环境-CSDN博客Windows系统安装ESP32 ESP-IDF开发环境。https://blog.csdn.net/chentuo2000/article/details/133922505?spm=1001.2014.3001.5501

https://blog.csdn.net/chentuo2000/article/details/133922505?spm=1001.2014.3001.5501

为提高成功率,我们先通过ESP-IDF离线安装包安装Windows系统下的ESP32 ESP-IDF开发环境,再在VSCode的ESP-IDF插件中选择已经存在的ESP-IDF开发环境。

2. 使用英文用户名

如果用户名是中文,例如:

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第1张图片

重新创建一个英文账户:

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第2张图片

用有管理员权限的英文账户登录。

3. 安装VSCode

  • 在Microsoft Store中搜索vscode

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第3张图片

免费下载。

  • 安装

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第4张图片

4. pip换源

如果不换源在安装virtualenv时可能会出现错误:

  • 打开CMD窗口,找到并进入前文安装好的python的Scripts文件夹

cd C:\Espressif\python_env\idf4.1_py3.8_env\Scripts

  • 执行

pip config set global.index-url Simple Index

查看:type C:\Users\ct\AppData\Roaming\pip\pip.ini

5. 安装ESP插件

  • 启动VSCode
  • 在 VSCode 界面左侧的扩展中搜索“esp idf”

在列表中找到“Espressif IDF”

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第5张图片

  • 点击Install

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第6张图片

6. 配置 ESP-IDF 插件

  • 安装完成后,按下 F1 或 Ctrl+Shift+P 打开命令行,输入esp-idf extension

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第7张图片

  • 点击ESP-IDF: Configure ESP-IDF extension

等待配置界面出现。

  • 选择配置方式

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第8张图片

我们已经安装了Windows系统下的ESP32 ESP-IDF开发环境,所以选择USE EXISTING SETUP

  • 在本机系统中查找已经安装的ESP-IDF

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第9张图片

点击Search ESP-IDF in system…

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第10张图片

为避免在安装过程中出现无法访问 Github 的情况导致安装失败,可以将服务器设置为 Espressif。

  • 点击 Install,开始安装过程

看安装进度

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第11张图片

在安装virtualenv时有可能出现错误:

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第12张图片

可能是网络环境不好,再安装几次可能会成功

VSCode ESP-IDF扩展安装成功的提示:

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第13张图片

7. 测试

  • 按下F1打开命令行,输入ESP-IDF: Show Examples Projects

  • 点击ESP-IDF: Show Examples Projects

  • 点击Use current ESP-IDF使用当前ESP-IDF

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第14张图片

  • 在列表中选择hello_world

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第15张图片

然后点击Create project using example hello world

  • 在跳出的选择文件夹窗口中选择一个工作目录

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第16张图片

  • 信任此目录

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第17张图片

  • COM口配置

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第18张图片

  • 选择目标芯片

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第19张图片

点击目标芯片图标:

选择要设置的目标工作区文件夹,F:\esp\hello_word。

对于更改的IDF版本,可以选择目标芯片。下面是来自

https://gitee.com/EspressifSystems/esp-idf

的ESP-IDF版本与所支持的芯片:

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第20张图片

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第21张图片

  • 配置项目

对应idf命令idf.py menuconifg

点击齿轮图标。

在配置窗口中选择Serial flasher config,将Falsh的大小改为4MB:

Save

  • 编译项目

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第22张图片

在build目录

 

下生成bootloader、分区表和运行程序3个可在ESP32中运行的bin文件:

  • 选择烧写模式(选择串口)

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第23张图片

  • 烧写

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第24张图片

  • 监视器终端(串口)

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第25张图片

  • 编译、烧写、打开监视器一条龙

VSCode搭建ESP32 ESP-IDF开发环境-Windows_第26张图片

8. ESP32仿真

参考《在Espressif-IDE中使用Wokwi仿真ESP32》

参考文档

  1. 使用VS Code快速搭建ESP-IDF开发环境(Windows、Linux、MacOS)
    https://zhuanlan.zhihu.com/p/630698425
  2. VS Code IDE快速入门
    https://docs.espressif.com/projects/esp-idf/zh_CN/release-v4.3/esp32/get-started/vscode-setup.html
  3. win10 python永久换源-- 解决VSCode配置ESP IDF到最后python virtual environment错误问题
    https://blog.csdn.net/weixin_43869518/article/details/128024113
  4. VSCode配置ESP IDF一直卡在python virtual environment转圈的解决办法
    https://blog.csdn.net/hw0808/article/details/129310695?spm=1001.2101.3001.6650.1
  5. Pip换源
    https://zhuanlan.zhihu.com/p/551940762

你可能感兴趣的:(ESP32,vscode,windows,ide)