0


VScode+esp-idf5.0:编译安信可esp32-cam例程(esp32-web-camera)

记录一下使用vscode esp-idf从一个例程开始,创建自己的工程。

看了这篇《VScode+esp-idf:编译安信可esp32-cam例程(esp32-web-camera)》后打算用IDF5.0编译一下。这是我在VScode+esp-idf5.0下面编译“esp32-web-camera”框架下面的例程camera_web_server过程的记录。

1.下载源代码

我选了码云的“ 随遇而安 / esp32-web-camera”。https://gitee.com/kerwincui/esp32-web-camera
这里介绍是这样:
安信可ESP32-CAM开发板摄像,浏览器端查看实时视频,基于ESP-IDF4.1版本,包含人脸监测。
这里要求的的ESP-IDF版本是4.1,我用的是ESP-IDFV5.0.
源代码解压以后是这样的:
在这里插入图片描述

2.配置vscode,点击Run and Debug

目的是为了进入ESP-IDF编译模式,不然在命令调试板command palette中无法找到ESP-IDF的命令。
在这里插入图片描述

3.>选择ESP-IDF

在这里插入图片描述

4.创建新工程

因为目录放在example里面,就可以通过命令面板创建新工程,搜索“example”:
在这里插入图片描述

5.选择Use current ESP-IDF5.0:

在这里插入图片描述

6.选择camera_web_server工程

在这里插入图片描述

7.点击Create project using…

在这里插入图片描述

8.工程路径,可以按照自己的喜好来。

在这里插入图片描述

9.创建好的新工程

在这里插入图片描述

10.修改CMakeLists.txt

原本这样:
在这里插入图片描述
修改后这样:
在这里插入图片描述
了解一下这句话:set(EXTRA_COMPONENT_DIRS $ENV{IDF_PATH}/examples/esp32-web-camera-master/components)
其中IDF_PATH指的就是:
在这里插入图片描述
其中/examples/esp32-web-camera-master/components)指的就是:
在这里插入图片描述

11.修改WIFI ssid和password

在这里插入图片描述

12.选择开发板

在这里插入图片描述

13.配置led GPIO

在这里插入图片描述

14.build project

在这里插入图片描述

15.build完了,烧录并打开串口:

在这里插入图片描述
在这里插入图片描述

16.手动输入命令更有掌控感

也可以打开esp-idf terminal手动输入命令:
在这里插入图片描述

大功告成

在这里插入图片描述

标签: vscode 前端 github

本文转载自: https://blog.csdn.net/katerdaisy/article/details/128281507
版权归原作者 katerdaisy 所有, 如有侵权,请联系我们删除。

“VScode+esp-idf5.0:编译安信可esp32-cam例程(esp32-web-camera)”的评论:

还没有评论