Espressif IDF for VSCode 爬坑之路一：ESP32 的 esp-idf 例子编译与烧录

今天我们来尝试 Espressif IDF 的使用，它是 VSCode 里的一款关于简化 esp-idf 使用的插件。话不多说，我们直接开始安装并尝试使用吧！

1. 安装 Espressif IDF

在 VSCode 里使用 “快速打开” 功能 （在Mac上为⌘+ P，在Windows上为Ctrl + P），然后粘贴以下命令，然后按 Enter。

ext install esp-idf-extension

然后耐心等待，安装完毕后就可以进入下一步的初始化配置了。

在使用 Espressif IDF 前需要安装以下依赖环境包：
Python 3.5+
Git
CMake and Ninja for Linux/MacOS users. For Windows users, it is part of the onboarding configuration tools intall.
ESP-IDF CMake Version (> 4.x Recommended).
ESP-IDF Prerequisites

2. 初始化配置 Espressif IDF

在安装完成后，我们可以在 VSCode 左边的侧边栏里看到 Espressif IDF 图标，点击进入，我们会看到如下图片。

点击 start。

选择电脑上对应的 Python 版本路径，然后点击 Configure ESP-IDF。

选择一个你想要的 ESP-IDF 版本，或者直接在电脑上找到当前存在的 ESP-IDF 版本，如果当前没有对应的 ESP-IDF 版本则会自动跳转到安装界面进行安装。如果验证已经存在对应版本，点击 Go to ESP-IDF Tools setup 即可。

在这里，如果你尚未安装过 ESP-IDF Tools，点击 Download ESP-IDF Tools 选项。如果你已经安装过 ESP-IDF Tools，点击 Skip ESP-IDF Tools download 选项即可，在这里我选择了后者。

在安装完或选择跳过安装 ESP-IDF Tools 后，我们需要验证 ESP-IDF Tools，点击 Click here to check tools exists。

点击 Go to next step。

到这里，我们就配置完成了 Espressif IDF，点击 View ESP-IDF project examples! 开始使用吧。

我们可以看到上图里有许多 ESP-IDF 的例子，再下一节我会选择一个例子进行使用。

3. 如何使用 Espressif IDF

首先按照上一节中的说明设置 Visual Studio Code 与 Espressif IDF。

然后随便打开一个例程，比如 ble_adv。然后按下 F1 ，此时的页面如下。

在上图中按下 F1 后出现的框里输入 ESP-IDF:，我们可以看到所有的 Espressif IDF 指令，对应的按钮也可以在上图中的左下角找到。分别有 build，flash，monitor 等选项。所有的 Espressif IDF 指令如下：

此时我们可以在按下 F1 后依次进行 ESP-IDF:Select port to use，ESP-IDF:Build your project，ESP-IDF:Flash your project 与 ESP-IDF:Monitor your device。

ESP-IDF:Select port to use 用来选择我们使用的串口，ESP-IDF:Build your project，ESP-IDF:Flash your project 与 ESP-IDF:Monitor your device 依次为编译固件、烧写固件、以及打开串口监视器。

或者我们在按下 F1 后进行 ESP-IDF:Select port to use，然后直接使用 Build, Flash and start a monitor on your device 一次性完成后续的所有步骤。这样我们就初步体验了 Espressif IDF 的全部流程。如果需要获取更多信息，请点击 Espressif IDF 官方使用步骤。

注：如果要使用 make menuconfig 功能，如在 wifi/get-started/station 示例中，我们需要配置 SSID 和 PASSWORD，此时按下 F1 间，然后输入 ESP-IDF：Launch gui configuration tool 即可进入 make menuconfig 等效的配置界面。