配置完整展示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.5LVGL库文件lvgl-release-v9.5操作系统文件FreeRTOS-Kernel-11.2.0定义lv_port_pc_vscode-release-v9.5文件为主文件其他俩个文件为子文件我们要把子文件合到主文件中。1.首先我们打开主文件 lv_port_pc_vscode-release-v9.52.给主文件添加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路径具体操作如下添加路径代码# 指定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头文件//注释掉#include glob.h并添加SDL头文件 //#include glob.h //添加SDL头文件 #include SDL2/SDL.h到此处所有配置工作已经完成了接下来就可以进行编译查看官方的示例了。4.编译与运行点击生成进行编译返回0表示成功返回2表示失败。编译成功后即可运行程序VScode模拟器的安装已经全部结束。结束语该教程是笔者自己配置搭建的过程对于搭建模拟器时遇到的其他问题或者该教程有什么不足的地方欢迎留言我将竭力完善和提供帮助。后期将推出字符库的建立和图片库的建立。
LVGL9.5在VScode中安装模拟器
发布时间：2026/5/21 17:57:49
配置完整展示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.5LVGL库文件lvgl-release-v9.5操作系统文件FreeRTOS-Kernel-11.2.0定义lv_port_pc_vscode-release-v9.5文件为主文件其他俩个文件为子文件我们要把子文件合到主文件中。1.首先我们打开主文件 lv_port_pc_vscode-release-v9.52.给主文件添加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路径具体操作如下添加路径代码# 指定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头文件//注释掉#include glob.h并添加SDL头文件 //#include glob.h //添加SDL头文件 #include SDL2/SDL.h到此处所有配置工作已经完成了接下来就可以进行编译查看官方的示例了。4.编译与运行点击生成进行编译返回0表示成功返回2表示失败。编译成功后即可运行程序VScode模拟器的安装已经全部结束。结束语该教程是笔者自己配置搭建的过程对于搭建模拟器时遇到的其他问题或者该教程有什么不足的地方欢迎留言我将竭力完善和提供帮助。后期将推出字符库的建立和图片库的建立。
