新建esp32的vscode工程的三种方式

最新推荐文章于 2025-05-16 15:20:29 发布

棒子陈

最新推荐文章于 2025-05-16 15:20:29 发布

阅读量3.7k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： esp32 文章标签： vscode ide 编辑器

本文链接：https://blog.youkuaiyun.com/chenbb8/article/details/128134802

esp32 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在VSCode中为ESP32项目配置开发环境，包括使用VSCode插件新建工程、升级普通ESP-IDF工程以及复制.vscode和.devcontainer文件夹的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

普通的idf工程在vscode下直接打开的时候，会发现很多头文件都是报错的，一些函数/类型等的定义也无法找到，比较影响阅读：
在这里插入图片描述

因此在vscode上开发esp32的时候，最好为这个工程提供vscode的支持，以下是三种实现的方法

通过vscode的"ESP-IDF:Show Examples Project"页面中新建工程。

参考我之前的文章<在ubuntu 20.04中，通过vscode的插件来搭建ESP32-S3的开发环境>中的第三节

将普通esp-idf工程升级成esp-vscode工程

从一个有效的esp-vscode工程中复制.vscode和.devcontainer文件夹，到当前的esp-idf工程文件夹内，就可以了。
原理可以通过对比下图中，找到vscode新建的工程与esp-idf/examples/protocol/socket内的原始版本的不同点：
在这里插入图片描述
新增加的.vscode文件夹内记录的信息，给vscode实现代码包含/编译/烧录的。
而.devcontainer文件夹则是通过之前自动安装的Dev Containers插件生成的，看说明是用来做docker容器的，虽然不知道怎么用，但也加上吧…

通过"ESP-IDF:New Project"创建新工程

在vscode中按F1打开"Command Palette"，输入"new proj"选中"ESP-IDF:New Project"
在这里插入图片描述
依次设置：项目名，存储路径，板子类型，串口号。最后点击右下角的"Choose Template"

选中"ESP-IDF"

点击"wifi" - “scan"标签，再点击"Create project using template scan”。就创建出新的工程了。
创建成功后，左下角会有弹窗提示是否打开新的工程，也可以直接通过菜单栏的file-open floder打开对应的工程。
在这里插入图片描述
需要注意的是，在打开或者保存工程位置的窗口里，就算手动用鼠标点中了"esp_project"标签，但"esp32_network123"文件夹有高亮显示，所以这里点击"open"后，实际选中的是"esp32_network123"文件夹。