36集【新手必看】vscode搭建ESP32开发环境终极篇

36集【新手必看】ESP32用vscode环境搭建终极篇

我们用vscode搭建ESP32的开发环境。
前提：卸载掉之前安装的ESP-IDF和VSCode。
有啥技术问题可以进Q群 174742054（开发者联盟），进群讨论。

安装vscode

1、https://code.visualstudio.com/Download 下载vscode
e:\tools\VSCode\VSCodeUserSetup-x64-1.92.2.exe 之后直接安装。

之后再vscode里面安装esp-idf插件：

点击install就可以。

之后在command palette里面执行下面的：

之后：

我们选择EXPRESS

目前测试5.1和5.2可以和esp-adf兼容，5.3编译esp-adf里面的例子工程出错。

之后点击config后开始安装

安装成功后，出现如下界面：

之后我们把python更新的链接指到国内：
如图：

C:\Users\phlr>D:
D:>cd D:\Espressif\tools\v5.1\python_env\idf5.1_py3.11_env\Scripts
D:\Espressif\tools\v5.1\python_env\idf5.1_py3.11_env\Scripts>pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
Writing to C:\Users\phlr\AppData\Roaming\pip\pip.ini
成功之后，我们esp-idf的vscode环境搭建成功。

我们编译一下hello word试一下。

我们File-open folder指到：D:\workspace\esp32\hello_world
之后选择esp32s3

之后选择下载接口

之后menuconfig

成功后会出现config界面：

证明我们环境没问题。
之后可以编译这个工程：

编译成功了，会弹出如下消息：

安装ESP-ADF

我们在D:\Espressif\执行git
之后输入：
git clone https://gitee.com/EspressifSystems/esp-adf.git
成功后进入components目录，之后执行如下两条：
git clone https://gitee.com/esp-components/esp-adf-libs.git
git clone https://gitee.com/esp-components/esp-sr.git
之后要输出环境变量，我们可以直接执行：d:\Espressif\esp-adf\export.bat
也可以在cmd下面执行：

这个时候在环境里面应该可以找到ADF_PATH了。
没有的话，我们可以把它加进去。
打开Show and Run Commands

之后Open User Settings（JSON）

我们看到路径都是对的：

这几个路径都是对的。

查看例子程序并建立工程

点击Create project 。。。。。

会让你选择目录。

编译pipeline_baidu_speech_mp3\

把D:\Espressif\esp-adf\examples\cloud_services\pipeline_baidu_speech_mp3\这个例子copy到我们的工作目录下，记得去掉只读。
在vscode里面打开该目录
之后我们进行设置一下。
首先还是设置esp32s3，之后menuconfig，下面这些参数要设置正确：

之后保存，之后编译工程。

编译成功。