物联网开发学习笔记——目录索引

Visual Studio Code（简称“VS Code”）是Microsoft向开发者们提供的一款真正的跨平台编辑器。

参考：

VS Code官网：Visual Studio Code - Code Editing. Redefined

乐鑫官网：
ESP-IDF 编程指南 - ESP32   VSCode ESP-ID Extension Install

一、前提条件

Visual Studio Code IDE安装ESP-IDF扩展，需要先完成如下两个步骤：

1. 需要先完成ESP-IDF的安装，参考：Windows：ESP-IDF 开发环境配置【保姆级】
2. 下载并安装Visual Studio Code。

下载并安装VSCode

VSCode的安装非常简单，一路【下一步】即可，在此就不在赘述

运行VSCode，并安装基础扩展插件

①：点击【Extensions】扩展图标

②：选择C/C++扩展插件，点击【Install】

二、VSCode IDE中安装ESP-IDF扩展

①：点击【Extensions】扩展图标

②：在Extensions中搜索关键字 espressif, esp-idf, esp32, esp32s2等

③：点击【Install 】esp-idf extension

打开命令面板①点击【View】， ②选择【Command Palette】

  或者按 F1快捷键打开命令面板，在命令面板输入 ： ESP-IDF: Select where to save configuration settings

等待如下进度条完成 

再在命令面板输入 ：ESP-IDF: Configure ESP-IDF extension，并点击选中“ESP-IDF: Configure ESP-IDF extension”

进入之后，选中【EXPRESS】 

如下界面

①选择类型乐鑫的服务器，这样下载会更快一些

②选择python工具路径： d:\Espressif\python_env\idf5.0_py3.11_env\

③然后点击【Install】开始安装

然后，就慢慢等待安装完成

看到这个界面，恭喜您，正确的安装完成了

三、开始使用VSCode ESP-IDF

现在您已经具备了使用 VSCode ESP-IDF 的所有条件，接下来将介绍如何开始您的第一个工程。

创建工程

F1快捷键打开命令面板，在命令面板输入 ：ESP-IDF: New Project

①在命令面板输入 ：ESP-IDF: New Project

②选中ESP-IDF: New Project

下面这步根据自己具体情况 

到这一步，创建工程就完成了 

配置工程 

执行esp-idf 的menuconfig，第一次menuconfig的时间很长，耐心等待

编译工程

编译非常简单，直接点击下发的ESP-IDF Build project按键即可。

第一次编译时间会比较长，耐心等待就好，后面再次编译就很快了。

烧录到开发板

直接点击下发的ESP-IDF Flash device按键即可。

串口输出log

点击下发的ESP-IDF Monitor device，打开串口，check串口log输出。

到此，恭喜您已完成 VSCode 图形IDE 扩展 ESP-IDF开发环境的搭建，并可以开始ESP32的入门学习了！

物联网开发学习笔记——目录索引_liuzl_2010的博客-CSDN博客