LVGL9.5在VScode中安装模拟器

配置完整展示

1.环境搭建

1.1Mingw环境搭建

mingw下载地址：https://github.com/niXman/mingw-builds-binaries/releases/tag/13.1.0-rt_v11-rev1

选择

x86_64-13.1.0-release-posix-seh-ucrt-rt_v11-rev1.7z这个版本

1.1.1文件解压和安装

解压得到 mingw64 文件夹

本人复制到C盘根目录下【也是你需要安装到哪里】（也可D盘，看个人）

注意：这个文件后面还需要操作这里提个醒（比较多人不注意这点倒是配置失败，笔者也踩过这个坑）

1.1.2系统环境变量配置

由上述操作可知笔者安装在 C:\mingw64 路径中，接下来我们要找到当前文件夹里面的"bin"文件

如图：笔者的是C:\mingw64\bin 将路径复制出来，

接下来就是系统环境配置：

桌面右击我的电脑在选项卡中选择"属性" =》点击"高级系统设置" =》"环境变量设置"

双击"Path" 将安装路径的bin文件路径添加进来如我的是 C:\mingw64\bin 然后确定关闭

Mingw配置初步完成！因为后面还需要修改目录文件所以不算全部完成再次提醒一次！

1.1.3mingw环境检测

在windows打开终端，输入gcc -v。

具体操作：

键盘操作 windows键 + R 键输入 cmd 然后回车

在命令窗口输入 gcc -v 回车如下图安装成功

1.2Cmake 环境搭建

cmake下载地址：Download CMake

双击安装即可，安装过程中需要选择配置环境变量（这个默认是选中的直接下一步即可）

在windows打开终端，输入cmake --version，配置成功显示如下：

恭喜第二个环境搭建完成。

1.3SDL2环境安装

1.3.1下载和安装

下载地址：https://github.com/libsdl-org/SDL/releases/tag/release-2.32.4

解压文件，如Mingw一样，文件里面有一个 SDL2-2.32.4 文件

将该文将复制到需要安装的目录位置，我装在C盘根目录中，这里需要安装在自己熟悉的路径下后面VScode配置需要用到SDL安装路径

1.3.2 实现Mingw文件配置

接下来我们实现在Mingw安装时留下的文件配置操作，

进入文件复制以下红框的两个文件

把这连个文件黏贴到 mingw64文件的 bin 文件同级目录中

mingw 已经完成配置

2.LVGL模拟器源码下载

2.1源码下载

一共3个文件，分别为模拟器、lvgl源码和 FreeRTOS操作系统,操作系统可根据实际需要进行下载，本文将带操作系统一起以满足需要操作系统的同学。

9.5下载地址：

GitHub - lvgl/lv_port_pc_vscode at release/v9.5 · GitHub

注意这里面下载出来有三个文件，请一定注意后面我的操作

接下来我们分别下载这三个文件，可以用Git克隆，也可以下载压缩包。Git克隆可能受国外网路波动原因受影响（笔者这里尝试过几次失败了），我选择下载压缩包的方式虽然也有网络大坑但是可以用断点续传功能只要是时间问题。

第一个文件"模拟器文件"

第二个文件"LVGL库文件"

第三个文件"FreeRTOS"操作系统文件【可选择性下载】

下载和第二个文集操作相同

2.2文件合并移植

我们将三个压缩包文件解压，

模拟器文件：lv_port_pc_vscode-release-v9.5

LVGL库文件：lvgl-release-v9.5

操作系统文件：FreeRTOS-Kernel-11.2.0

定义lv_port_pc_vscode-release-v9.5文件为主文件，其他俩个文件为子文件，我们要把子文件合到主文件中。

1.首先我们打开主文件 lv_port_pc_vscode-release-v9.5

2.给主文件添加lvgl库文件

3.给主文件添加操作系统文件

文件合并操作完成。接下来就是VScode操作。

3.VScode的环境搭建

3.1VScode组件插件安装

安装红框部分，也可以安装汉化组件和其他组件来提高开发效率，红框组件为必须

3.2文件路径配置

用VScode打开操作完成的主文件 lv_port_pc_vscode-release-v9.5 。

3.2.1添加SDL2.dll文件

将前面安装的mingw里的SDL2.dll文件复制一份到bin文件夹中。

具体操作；找到安装的mingw64，我的安装在C:\mingw64这个位置。

找到该文件后点进去找到SDL2.dll文件，具体文件路径如下：

C:\mingw64\x86_64-w64-mingw32\bin 。这里必须注意一点，如果前期操作没有进行SDL安装文件的复制操作则这里就不会有这个文件，详细见菜单 1.3.2实现Mingw文件配置章节

复制该文件添加到VScode 的bin文件中，

3.2.2SDLL路径配置

找到VScode中的CMakeLists.txt文件添加之前安装的SDL路径，具体操作如下：

添加路径代码

cs 复制代码

# 指定SDL配置路径
set(CMAKE_PREFIX_PATH "${PROJECT_SOURCE_DIR}C:/SDL2-2.32.4/x86_64-w64-mingw32" ${CMAKE_PREFIX_PATH})
file(COPY "C:/SDL2-2.32.4/x86_64-w64-mingw32/bin/SDL2.dll" DESTINATION ${PROJECT_SOURCE_DIR}/bin)

3.2.3mingw的路径配置

打开simulator.code-workspace文件

3.2.4修改mian.c文件的头文件

修改SDL头文件

cpp 复制代码

//注释掉#include "glob.h"，并添加SDL头文件
//#include "glob.h"
//添加SDL头文件
#include "SDL2/SDL.h"

到此处所有配置工作已经完成了，接下来就可以进行编译查看官方的示例了。

4.编译与运行

点击生成进行编译，返回0表示成功返回2表示失败。

编译成功后，即可运行程序

VScode模拟器的安装已经全部结束。

结束语

该教程是笔者自己配置搭建的过程，对于搭建模拟器时遇到的其他问题或者该教程有什么不足的地方欢迎留言，我将竭力完善和提供帮助。后期将推出字符库的建立和图片库的建立。