一、下载软件
1.先下载VScode:https://code.visualstudio.com/Download
2.下载Cmake: https://cmake.org/download/
3.下载SDL2:https://github.com/libsdl-org/SDL/releases/tag/release-2.32.4
4.下载mingw64:https://github.com/niXman/mingw-builds-binaries/releases
备注:因都是傻瓜式安装,在这里就不多介绍。




二、安装VScode插件
在VScode环境中,LVGL的编译运行需要如下所示的C/C++语言支持包,CMake、CMake Tools,依次安装图中红框中的插件扩展包。

三、目录复制以及环境配置
1.把SDL2-2.32.4下的cmke和x86_64-w64-mingw32复制覆盖到mingw64跟目录下

2.配置环境变量
配置Cmake、SDL、mingw64环境变量

四、环境验证
1.输入 gcc -v,出现如下信息,表明MinGW安装成功

12 输入 cmake --version,出现如下版本信息,表明cmake安装完好

五、下载lvgel程序
1.下载演示工程
https://github.com/lvgl/lv_port_pc_eclipse/tree/release/v8.3
2.下载lvgl:
https://github.com/lvgl/lvgl/tree/release/v8.3
3.下载lvgl_drivers
https://github.com/lvgl/lv_drivers/tree/release/v8.3
解压后把lvgl_drivers和lvgl复制到lv_port_pc_vscode目录下,如下图:

六.打开vscode,导入工程,编译运行
如果报gcc.exe无法找不到,需替换下面的gcc路径



七、其它博主参考文章
VScode中模拟lvgl运行环境配置(全教程,无脑操作):
https://blog.csdn.net/m0_56411494/article/details/150946395