文章目录
- [1. 资源下载](#1. 资源下载)
-
- [1. 1 lv_port_pc_vscode](#1. 1 lv_port_pc_vscode)
- [1.2 cmake 和 mingw 环境搭建](#1.2 cmake 和 mingw 环境搭建)
- [1.3 sdl 下载](#1.3 sdl 下载)
- [1.4 下载lvgl_v9.3](#1.4 下载lvgl_v9.3)
- [2. 环境搭建](#2. 环境搭建)
-
- [2.1 拷贝lvgl 源码到工程](#2.1 拷贝lvgl 源码到工程)
- [2.2 添加SDL2 依赖](#2.2 添加SDL2 依赖)
- [2.3 执行工程](#2.3 执行工程)
- [3. 运行示例](#3. 运行示例)
1. 资源下载
1. 1 lv_port_pc_vscode
那么多模拟器，为什么选择这个： 支持最新版本，支持 Windows, Linux and MacOs， 使用cmake对项目配置管理， 更新比较快。
下载地址：https://github.com/lvgl/lv_port_pc_vscode
zip 下载：切换9.3分支， 直接下载zip
git 克隆：
git clone -b release/v9.3 https://github.com/lvgl/lv_port_pc_vscode.gitgithub访问不了加速可参考： https://blog.csdn.net/qq_51355375/article/details/148614617?spm=1011.2415.3001.5331
1.2 cmake 和 mingw 环境搭建
- cmake： https://blog.csdn.net/qq_51355375/article/details/139186681?spm=1011.2415.3001.5331
- mingw: https://blog.csdn.net/qq_51355375/article/details/139890889?spm=1011.2415.3001.5331
1.3 sdl 下载
https://github.com/libsdl-org/SDL/tags
因为lvgl使用的是sdl2,和 mingw, 选择sdl2 mingw版本下载
1.4 下载lvgl_v9.3
下载和lv_port_pc_vscode 一样，选择对应版本下载即可。
https://github.com/lvgl/lvgl
2. 环境搭建
2.1 拷贝lvgl 源码到工程
- vscode打开lv_port_pc_vscode-release-v9.3项目，并将下载的lvgl 9.3 工程下的所有内容复制到 lv_port_pc_vscode-release-v9.3下的lvgl目录下。
2.2 添加SDL2 依赖
将下载的 sdl 解压后整个复制到 项目中
指定sdl 配置路径：
2.3 执行工程
因为使用在vscode配置c工程比较麻烦，这里使用的是qt vscode插件：
参考：https://blog.csdn.net/qq_51355375/article/details/142623120?spm=1011.2415.3001.5331
选择编译器：ctrl + shift + p
选择自己安装的对应 mingw 目录下的gcc
然后在cmakelist.txt ctrl + s 触发cmake构建， 构建完成后点击左下角编译或者运行即可进入代码编译。
- 报错1：
fatal error: glob.h: No such file or directorybuild\] 18 \| #include "glob.h" \[build\] \| \^\~\~\~\~\~\~\~ \[build\] compilation terminated. 注释掉main.c 中对应的头文件： 
main_getcmdline': [build] /tmp/tardir/SDL2-2.32.2/src/main/windows/SDL_windows_main.c:80:(.text+0x152): undefined reference toSDL_main'build\] collect2.exe: error: ld returned 1 exit status 添加sdl头文件 
编译成功，执行没有界面，执行后就结束了
缺少SDL2.dll库， 配置cmake 将其拷贝到可执行程序所在的bin目录下， 重新构建运行即可。
3. 运行示例
此工程代码下载：https://gitcode.com/CodingBinary/lv_port_pc_vscode-release-v9.3