在Windows上用VSCode搭建LVGL9的模拟环境 — 编译、断点调试、运行LVGL9工程
发布时间:2026/9/11 9:39:18 锦皓数字建站

1. 安装VSCode及拓展插件1.1.在windows安装VSCode在windows上安装vscode详见教程VSCode安装配置使用教程最新版超详细保姆级含插件一文就够了_vscode使用教程-CSDN博客1.2.在VScode安装插件安装VSCode后打开VSCode安装如下插件2. mingw环境搭建mingw下载地址https://github.com/niXman/mingw-builds-binaries/releases/tag/13.1.0-rt_v11-rev1下载完毕将解压解压完毕后比如解压到D:\mingw64设置环境变量检测mingw环境变量是否安装成功在windows打开终端输入gcc -v配置成功显示如下3. cmake环境搭建cmake下载地址Download CMake下载完毕后按步骤安装即可安装完毕后在windows打开终端输入cmake --version配置成功显示如下4. 下载SDL下载地址https://github.com/libsdl-org/SDL/releases/tag/release-2.32.45. 下载LVGL5.1.下载lvgllvgl v9.3下载地址https://github.com/lvgl/lvgl/tree/release/v9.35.2.下载lv_port_pc_vscodelv_port_pc_vscode v9.3下载地址https://github.com/lvgl/lv_port_pc_vscode/tree/release/v9.36. 环境搭建1解压lv_port_pc_vscode-release-v9.3.zip2解压lvgl-9.3.0.zip3解压SDL2-devel-2.32.4-mingw.zip4将lvgl-9.3.0文件夹下所有的文件复制到lv_port_pc_vscode-release-v9.3 的 lvgl文件夹下(5)将SDL2-2.32.4文件夹复制到lv_port_pc_vscode-release-v9.3文件夹中6打开VSCode打开lv_port_pc_vscode-release-v9.3文件夹注意lv_port_pc_vscode-release-v9.3文件夹的文件路径不能有中文打开后点击“显示并运行命令”点击“CMake选择工具包”选择编译器7修改CMakeLists.txt文件指定SDL配置路径添加路径修改后保存CMakeLists.txtset(CMAKE_PREFIX_PATH ${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32 ${CMAKE_PREFIX_PATH}) file(COPY ${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32/bin/SDL2.dll DESTINATION ${PROJECT_SOURCE_DIR}/bin)7. 编译、调试、运行工程1编译工程在VSCode页面左下方点击“生成”的图标编译注意编译无反应的话原本工程中存在build文件夹请删除后再编译编译完成后我们可以看到有编译错误下面来进行修改打开main.c文件注释掉#include glob.h并添加SDL头文件修改完成后再次编译2运行工程(3)调试工程8. 总结本文介绍在Windows用VSCode搭建LVGL9的模拟环境并在VSCode对LVGL9进行编译、调试、运行。由于本人水平有限错漏在所难免欢迎大家指出错漏同时也欢迎大家进行交流学习。
锦
锦皓数字建站
深耕本土企业品牌数字化升级,专注原创端正雅致商务官网,从视觉设计到稳定运维全程保驾护航。