3.3.2 安装 Espressif IDF 插件
打开VS Code软件，然后按下快捷键“Ctrl+Shift+X”进入应用商城，在搜索栏下搜索Espressif
IDF 插件，点击安装即可：
至此 Espressif IDF 插件就算安装好了，接下来我们来看看插件的配置。
3.3.3 配置 Espressif IDF
快捷键 ctrl+shift+p 呼出命令栏，在弹如下提示框后，搜索“配置 ESP 插件”，或者在使用快捷键 ctrl+shift+p 呼出命令栏后，在搜索框输入配置命令：Configure ESP-IDF。
到这一步需要注意的两点：
①：这一项有两个选项，我们选择“Espressif”，不选择“Github”。因为，国内用户安装 “Github”会非常的慢，有时甚至会下载失败，所以我们选择“Espressif”选项即可。经过之前的配置选择该选项也会快很多。
②：这一项也很关键，这是我们编译工具目录，路径选择不对安装也会失败。
然后我们点击右下角“install”进行安装：
这里我们选择下载“ESP-IDF Tools”：
安装完成后会出现如下提示：
问题来了？我们知道 ESP32-S3 可以使用串口下载，那么它的串口波特率是多少呢？这里我们可在上图扩展设置中设置串口波特率，如下图所示：
图 3.6.12 串口波特率设置
安装 Espressif IDF 插件之后，按下快捷键“Ctrl+,”进入设置界面，在此界面下将设置以 json 文件打开，如下所示：
将设置以 JSON 方式打开，上面的部分是我们自己创建的一些设置，下面是 Espressif IDF 插件根据 ESP 环境变量自动生成的一些配置，一般不需要更改，如下代码所示：
{
/* 上面的部分是我自己创建的一些设置 */
"editor.insertSpaces": false, /* 自动插入空格禁用*/
"editor.detectIndentation": false, /* 启用时根据文件内容进行重写*/
"editor.renderControlCharacters": true, /* 是否显示控制字符：启用*/
"editor.renderWhitespace": "all", /* 显示4个空格是.... */
"editor.tabSize": 4, /* tab设置为4个空格*/
"editor.fontSize": 18, /* 代码字体大小*/
"editor.fontFamily": "Monaco, 'Courier New', monospace", /* 代码字体*/ "update.mode": "manual", /* 设置不自动更新*/
}
3.4 调试相关工具介绍
经过前面的配置，我们已经完成了 VSCode 软件下开发 ESP32-S3 的环境搭建。下面我们重点来讲解 VS Code 软件提供用户调试相关的工具有哪些，如下所示：
图 3.4.1 调试相关工具
1，选择串口（插头）：即连接开发板的下载串口号，VS 会列出当前连接电脑的所有串口让你选择，这个会记录，再新打开 VSCode 不用重新选择，开发过程中尽量不要更换 USB 线的电脑插口，否则串口号会变。
2，选择目标芯片：对应 idf 命令 idf.py set-target xxxx。即你当前这个工程是要下载到什么芯片上面，如 ESP32 S2,S3,C2,C3 等等，工程要与芯片相匹配，这个选择是写入当前工程配置的，一般不用更改，工程下配置文件基本已经选择好的。
3，选择当前工程目录（文件夹）：也不用修改，一般打开工程时会默认操作都在这个工程目录下
4，工程配置菜单（齿轮）：对应 idf 命令 idf.py menuconifg，用来配置当前工程的一些设置，配置项非常多，建议使用到再修改。一般代码工程都是配置好的，且不用修改
5，清除工程（垃圾桶）：清除工程编译文件，一般用于压缩拷贝工程文件时用到，清除后工程目录占用空间会占用非常小，KB 级，编译后为百 MB 级，还有一些编译过程中奇奇怪怪的问题也可以先清除编译后再编译
6，编译工程（圆柱体）：编译当前工程，只是编译，没有下载功能
7，选择下载模式（五角星）：一般都是选择串口 UART 方式下载
8，下载（闪电）：下载编译好的固件到设备芯片上，这里只是下载，没有编译功能，修改代码后要先编译再点这个下载，所做的修改才有效。
9，串口监控（小电视）：打开与设备连接的串口，打印设备串口信息
10，编译/下载/监控（一团火）：最常用的一个，它将编译下载和打开串口监控做在了一起，点一次全部搞定
11，打开命令行：打开命令行窗口，且会定位在当前项目路径下，可以执行 idf 的一些命令
12，执行自定义任务：不使用
13，工程的错误与警告提示