vscode lvgl 环境搭建

由于最近在做一个海底撩大佬的小游戏机，对内部代码比较感兴趣，所以想试着学习一下，于是就打算跟着大佬搭一个vscode的lvgl模拟器平台，下面是环境搭建以及一些坑的分享。

LVGL运行环境的搭建

1.vscode下载安装

VSCode安装配置使用教程（最新版超详细保姆级含插件）一文就够了_vscode使用教程-CSDN博客

2.插件的安装，如下图

3.MinGW环境安装

（记得自己是保存在什么目录的）：MinGW编译器任意版本使用配置经验教程-CSDN博客

4.Cmake环境安装

Windows下的CMake详细安装教程（2024/1/24）_windows安装cmake-CSDN博客

5.SDL2环境安装

​ 这个的话先下载Releases · libsdl-org/SDL (github.com)，作者选择版本是SDL2.30.10（可以运行的），选择SDL2-devel-2.30.10-mingw.zip之后就得到一个安装包，解压到你自己的目录，如下图。

6.拉取LVGL源码

​ 上一步操作中，我有一个文件是lv_port_pc_vscode，这个就是整个的项目工程了，GitHub - lvgl/lv_port_pc_vscode我们直接克隆下载即可，但是因为存在引用了外部的文件，则命令需要是git clone --recurse https://github.com/lvgl/lv_port_pc_vscode.git

修改配置文件

**1.修改sdl2的配置文件 **

E:\LVGL_env\SDL2-devel-2.30.10-mingw\SDL2-2.30.10\i686-w64-mingw32\lib\cmake\SDL2\sdl2-config.cmake 这个是我的目录，按照自己的目录找到这个文件

将上面这一段修搞成我下面这一段，但是要注意是自己的目录，而不是我这样的

set(exec_prefix "${prefix}")
set(bindir "E:/LVGL_env/SDL2-devel-2.30.10-mingw/SDL2-2.30.10/x86_64-w64-mingw32/bin") # 你们的路径
set(libdir "E:/LVGL_env/SDL2-devel-2.30.10-mingw/SDL2-2.30.10/x86_64-w64-mingw32/lib")
set(includedir "E:/LVGL_env/SDL2-devel-2.30.10-mingw/SDL2-2.30.10/x86_64-w64-mingw32/include")

2. 移动配置文件

将上面的文件复制粘贴到下载MinGW的位置，如下图

3. 修改工程文件

直接编译会报这个错误

我们在main/src/main.c中添加一个头文件

#include LV_SDL_INCLUDE_PATH

之后再Build一下就可以编译过去了，然后再点击旁边的小三角形（运行）