1.首先需要安装vdcode-可网上找教程
2.在lvgl官网下载lv_port_pc_vscode


并解压到不带中文路径的目录下(lv_port_pc_vscode-master.zip)

3.解压后可以看到lv_port_pc_vscode-master\lvgl/目录下为空,所以需要将项目文件源码解压到该目录(切记不能有中文路径),在GitHub上下载lvgl源码

进入github,查看长期稳定版本为v9.5.0,点击对应的压缩包进行下载


4.解压项目文件代码(lvgl-9.5.zip)到lv_port_pc_vscode-master\lvgl/中,如下(注意:解压后的文件直接在lvgl/下,不能是再下一级目录)

5.适配工具包
1)下载cmake

- 解压cmake工具包到\LVGL_doc\lvgl下(这是我的目录,你们自己可以随意)

解压ninja(扩展工具)到cmake的bin目录下

3)解压gcc工具包到\LVGL_doc\lvgl下(这是我的目录,你们自己可以随意)

- 解压sdl2包到\LVGL_doc\lvgl\lv_port_pc_vscode-master

5)双击代码文件中的【simulator.code-workspace】,使用vscode打开代码

或者右键文件---》从文件打开工作区

6)进入vscode后,点击cmake插件工具--》扫描工具包

选择存放工具包的目录

正在扫描,等待扫描完成
7)扫描完后选择工具包 -gcc编译器15.2

8)完成

9)在workspace文件中添加"cmake.cmakePath"路径

10)在CMakeLists.txt添加SDL2的cmake路径

11)点击下方运行即可运行起来,如下
ps:
若上一步点击运行无法生成UI界面时,需要将SDL--x86-bin目录下的文件拷贝到项目生成的bin/目录下,与main.exe同级目录,在点击运行即可


资料下载:
通过网盘分享的文件:lvgl自定义开发环境构建
链接: https://pan.baidu.com/s/1Kr65nCzRyXvYlvV1xD3wGw?pwd=dzxk 提取码: dzxk