在 VS Code 中安装 ESP-IDF、新建项目

文章目录

  • 环境
  • 安装 Espressif IDF v0.6.1 扩展
  • 安装 ESP IDF 等工具
  • 基于示例新建项目
  • 参考

环境

操作系统:Windows 10 x64

关于 Visual Studio Code 开发环境:

在 VS Code 中安装 ESP-IDF、新建项目_第1张图片

安装 Espressif IDF v0.6.1 扩展

启动 Visual Studio Code,进入扩展市场,键入关键词 esp-idf 搜索、安装 Espressif IDF

在 VS Code 中安装 ESP-IDF、新建项目_第2张图片

安装 ESP IDF 等工具

选择菜单 View > Command Palette…,在弹出的输入框中键入 configure ESP-IDF extension,然后点击符合的选项:

在 VS Code 中安装 ESP-IDF、新建项目_第3张图片

进入 ESP-IDF 扩展的设置界面,选择 ADVANCED 选项:

在 VS Code 中安装 ESP-IDF、新建项目_第4张图片

接着:

  • 选择下载服务器
  • 选择 ESP-IDF 版本
  • 键入 ESP-IDF 容器目录
  • 选择 Python 版本

注意:国内用户如果选择 Github 服务器,那么在没有使用合理的代理服务器的情况下,几乎是无法完成第一步 Installing ESP-IDF。如果你选择 Espressif 服务器,那么你可以完成第一步 Installing ESP-IDF,但不幸的是,你极有可能卡死在第二步 Installing ESP-IDF Tools。我的做法是,提前使用代理服务器,然后选择 Github 服务器,再开始安装,最终顺利完成。

然后,点击 Install 按钮:

在 VS Code 中安装 ESP-IDF、新建项目_第5张图片

正在下载 ESP-IDF

在 VS Code 中安装 ESP-IDF、新建项目_第6张图片

下载完成,正在安装 ESP-IDF

在 VS Code 中安装 ESP-IDF、新建项目_第7张图片

安装 ESP-IDF 完成之后,接着下载 ESP-IDF Tools

在 VS Code 中安装 ESP-IDF、新建项目_第8张图片

正在下载 ESP-IDF Tools

在 VS Code 中安装 ESP-IDF、新建项目_第9张图片

安装 ESP-IDF Tools 完成之后,开始安装 Python 虚拟环境:

在 VS Code 中安装 ESP-IDF、新建项目_第10张图片

安装完成,所有设置均已配置:

在 VS Code 中安装 ESP-IDF、新建项目_第11张图片

基于示例新建项目

选择菜单 View > Command Palette…,在弹出的输入框中键入 Show Examples Projects 命令,然后点击 ESP-IDF: Show Examples Projects 选项:

注意:每一个 Espressif IDF 扩展版本所提供的有效的命令也许是不同的,具体有哪些有效的命令可以通过查看 Espressif IDF 扩展的详细说明获取。

在 VS Code 中安装 ESP-IDF、新建项目_第12张图片

接着,再点击 Use current ESP-IDF (ESP-IDF 安装目录)(本地文件)选项:

在 VS Code 中安装 ESP-IDF、新建项目_第13张图片

这时,可以看到 ESP-IDF 提供的示例:

在 VS Code 中安装 ESP-IDF、新建项目_第14张图片

疑惑:右下角出现 No framework selected to load examples.,原因未知。

找到 get-started 分类中的 blink 示例,然后点击 Create project using example blink 按钮,然后选择一个文件夹用于存放新建的项目:

在 VS Code 中安装 ESP-IDF、新建项目_第15张图片

项目创建完成之后,我们需要构建项目。

选择菜单 View > Command Palette…,在弹出的输入框中键入 Build your project 命令,然后点击 ESP-IDF: Build your project 选项:

在 VS Code 中安装 ESP-IDF、新建项目_第16张图片

正在构建项目:

在 VS Code 中安装 ESP-IDF、新建项目_第17张图片

构建完成:

在 VS Code 中安装 ESP-IDF、新建项目_第18张图片

不过看起来出现一些问题:

在 VS Code 中安装 ESP-IDF、新建项目_第19张图片

在 VS Code 中安装 ESP-IDF、新建项目_第20张图片

参考

ESP-IDF VS Code 插件快速操作指南

提示:除了使用 VS Code 构建 ESP32 的项目之外,我还找到另一篇【图文】手把手教你使用 Eclipse IDE 开发 ESP32,不过目前还没验证其可行性。

你可能感兴趣的:(其他,单片机(MCU),vscode,esp-idf)