3. lvgl 9.3 vscode 模拟环境搭建 lv_port_pc_vscode-release-v9.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.git

github访问不了加速可参考： 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 directory
  [build] 18 | #include “glob.h”
  [build] | ^~~~~~~~
  [build] compilation terminated.
  注释掉main.c 中对应的头文件：
  
• 报错2：
  main_getcmdline': [build] /tmp/tardir/SDL2-2.32.2/src/main/windows/SDL_windows_main.c:80:(.text+0x152): undefined reference to SDL_main’
  [build] collect2.exe: error: ld returned 1 exit status
  添加sdl头文件
  
• 错误3：
  编译成功，执行没有界面，执行后就结束了
  
  缺少SDL2.dll库， 配置cmake 将其拷贝到可执行程序所在的bin目录下， 重新构建运行即可。

3. 运行示例

此工程代码下载：https://gitcode.com/CodingBinary/lv_port_pc_vscode-release-v9.3