ESP-IDF 开发
本章节包含以下两部分,请按需阅读:
ESP-IDF 入门教程
初次接触 ESP32 ESP-IDF 开发,想要快速上手?我们为您准备了一套通用的 入门教程。
- 第0节 认识 ESP32
- 第1节 搭建环境
- 第2节 运行实例
- 第3节 创建项目
- 第4节 使用组件
- 第5节 调试程序
- 第6节 FreeRTOS
- 第7节 驱动外设
- 第8节 Wi-Fi 编程
- 第9节 BLE 编程
请注意:该教程使用 ESP32-S3-Zero 作为教学示例,所有硬件代码均基于其引脚布局。在动手实践前,建议您对照手中的开发板引脚图,确认引脚配置无误。
配置开发环境
以下环境设置适用于 Windows 10/11 系统,Mac/Linux 用户请参考 官方说明
-
下载并安装 Visual Studio Code。
-
在 VS Code 中,通过点击 VS Code 侧边活动栏中的
或使用快捷键(Ctrl+Shift+X)来打开 扩展 视图。然后,搜索 ESP-IDF 扩展并安装。

-
安装扩展后,VS Code 左侧活动栏中会出现
图标,点击该图标可查看 ESP-IDF 扩展的基本命令列表,在 Advanced 中选择 配置 ESP-IDF 扩展。

-
选择 Express 进入快速配置模式:

-
根据需要修改以下选项。
- 选择下载服务器:
- Espressif:使用乐鑫中国服务器,下载速度更快。
- Github:使用 GitHub 官方发布链接。
- ESP-IDF 版本:通常根据开发板要求选择对应版本,如无特殊要求建议使用最新的正式版本。对于 ESP32-Touch-LCD-3.5 ,建议 Espressif IDF 版本 ≥ v5.4.1。
- ESP-IDF 容器安装地址:建议使用默认地址,或使用纯英文路径且路径中不包含空格。
- ESP-IDF 所需的工具安装地址:建议使用默认地址,或使用纯英文路径且路径中不包含空格。

- 选择下载服务器:
-
点击 Install 开始安装。你将看到一个显示安装进度的页面,包括 ESP-IDF 下载、ESP-IDF 工具下载安装以及 Python 虚拟环境创建的进度状态。

-
如果安装正确,你会看到所有设置已配置完成的提示,即可开始使用该扩展程序。

注意:如果 ESP-IDF 安装失败或需要重新安装,可以尝试删除 C:\Users\%Username%\esp 和 C:\Users\%Username%\.espressif 文件夹后重试。
示例程序
ESP-IDF 示例程序位于 示例程序包 的 ESP-IDF 目录中。
01_factory
本示例演示是ESP32-Touch-LCD-3.5的综合示例,也是出厂默认烧录的示例。
![]() | ![]() | ![]() | ![]() | ![]() |
|---|
代码解释
-
初始化系统各种外设,加载LVGL显示demo
esp_i2c_port_init(&i2c_bus_handle);
esp_spi_port_init(LCD_BUFFER_SIZE);
esp_sdcard_port_init();
io_expander_init();
esp_3inch5_display_port_init(&io_handle, &panel_handle, LCD_BUFFER_SIZE);
esp_3inch5_touch_port_init(&touch_handle, i2c_bus_handle, EXAMPLE_LCD_H_RES, EXAMPLE_LCD_V_RES, EXAMPLE_DISPLAY_ROTATION);
esp_axp2101_port_init(i2c_bus_handle);
vTaskDelay(pdMS_TO_TICKS(200));
esp_es8311_port_init(i2c_bus_handle);
esp_pcf85063_port_init(i2c_bus_handle);
esp_wifi_port_init("WSTEST", "waveshare0755");
esp_3inch5_brightness_port_init();
esp_3inch5_brightness_port_set(80);
lv_port_init();
02_axp2101_example
本示例演示了 ESP32-Touch-LCD-3.5 使用 XPowersLib 库驱动AXP2101,并通过串口打印电池信息

03_button_power_save
本示例演示了 ESP32-Touch-LCD-3.5 使用 espressif/button 库驱动按键,并通过BOOT按键实现对睡眠模式的唤醒。

04_pcf85063_example
本示例演示了 ESP32-Touch-LCD-3.5 使用 sensorlib 库驱动pcf85063,并通过串口打印其数据。

05_tca9554_example
本示例演示了 ESP32-Touch-LCD-3.5 使用 espressif/esp_io_expander_tca9554 库驱动tca9554,可对扩展IO进行输入输出操作。

06_sd_card_test
本示例演示了 ESP32-Touch-LCD-3.5 测试SD卡的读写功能
硬件连接
- 将板子接入电脑
- 将Micro SD卡插入卡槽(SD卡需要格式化为FAT32)

代码解释
-
SPI初始化 :
spi_bus_config_t bus_cfg = {
.mosi_io_num = PIN_NUM_MOSI,
.miso_io_num = PIN_NUM_MISO,
.sclk_io_num = PIN_NUM_CLK,
.quadwp_io_num = -1,
.quadhd_io_num = -1,
.max_transfer_sz = 4000,
};
ret = spi_bus_initialize(host.slot, &bus_cfg, SDSPI_DEFAULT_DMA);
if (ret != ESP_OK) {
ESP_LOGE(TAG, "Failed to initialize bus.");
return;
} -
SD卡初始化,并挂载 :
sdspi_device_config_t slot_config = SDSPI_DEVICE_CONFIG_DEFAULT();
slot_config.gpio_cs = PIN_NUM_CS;
slot_config.host_id = host.slot;
ESP_LOGI(TAG, "Mounting filesystem");
ret = esp_vfs_fat_sdspi_mount(mount_point, &host, &slot_config, &mount_config, &card);
07_lvgl_example
本示例演示了 ESP32-Touch-LCD-3.5 运行lvgl示例程序

代码解释
-
初始化LCD,屏幕触摸以及LVGL :
app_i2c_init();
app_io_expander_init();
/* LCD HW initialization */
ESP_ERROR_CHECK(app_lcd_init());
/* Touch initialization */
ESP_ERROR_CHECK(app_touch_init());
/* LVGL initialization */
ESP_ERROR_CHECK(app_lvgl_init());
08_lvgl_audio_play
本示例使用lvgl实现MP3播放器,该例程扫描内存卡根目录下的MP3文件进行播放
硬件连接
- 将Micro SD卡插入卡槽(SD卡需要格式化为FAT32,并放置MP3文件在根目录下)

代码解释
- 初始化I2C I2S,以及播音codec
app_i2c_init();
app_io_expander_init();
ESP_ERROR_CHECK(esp_board_init(16000, 2, 16)); - 初始化屏幕、内存卡以及播放器,并扫描内存卡的的MP3并保存到数组
/* LCD HW initialization */
ESP_ERROR_CHECK(app_lcd_init());
esp_sdcard_init("/sdcard", 5);
Audio_Play_Init();
Search_mp3_Music(); - 初始化触摸以及LVGL,加载播放器界面
/* Touch initialization */
ESP_ERROR_CHECK(app_touch_init());
/* LVGL initialization */
ESP_ERROR_CHECK(app_lvgl_init());
lvgl_port_lock(0);
lv_app_music_init();
lvgl_port_unlock();
09_lvgl_image
本示例使用lvgl显示图片,可以左右滑动手势切换图片

代码解释
- 加载图片,并初始化手势滑动事件,在手势事件中切换图片
lvgl_port_lock(0);
image_slider_init();
lvgl_port_unlock();




