使用vscode搭建LVGL模拟器（小白友好版）

原创 已于 2025-06-13 14:23:00 修改 · 972 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#LVGL #visual studio

于 2025-06-13 11:17:12 首次发布

第一步 先下载必要的文件

minGW

niXman (niXman) · GitHub

Cmake        Download CMake

SDL2        Releases · libsdl-org/SDL

lv_port_pc_vscode模拟器        LVGL · GitHub

lvgl        GitHub - lvgl/lv_port_pc_vscode

FreeRTOS        GitHub - lvgl/lv_port_pc_vscode

至此，我们需要的文件全部下载结束

第二步 构建lvgl工程

解压压缩包

添加环境变量

添加Cmake的环境变量        把Cmake的bin文件目录加到环境变量里

添加mingw64的环境变量        把mingw64的bin目录加到环境变量中

添加SDL2的环境变量        找到SDL2的x86目录下面的bin目录添加到环境变量

至此，三个环境变量都已经添加完毕

找到lvgl开头的目录，复制里面全部的内容，粘贴到lv-port目录下面的lvgl目录中

找到FreeRTOS开头的目录，复制里面全部内容，粘贴到lv-port目录下面FreeRTOS目录里

在vscode里面打开lv_port_pc_vscode-master这个工程

然后Ctrl+shift+B，开始构建

这时候会显示构建失败

进到main目录下，找到main.c,替换一下函数名即可

点击下面的运行按钮，然后模拟器生成成功

VScode中模拟lvgl运行环境配置
qq_25657125的博客
10-28 792
本文介绍了在Windows系统下搭建LVGL图形库开发环境的完整流程。主要包括：1）下载安装VSCode、CMake、SDL2和MinGW64等必要软件；2）VSCode插件安装（C/C++支持包、CMake相关工具）；3）环境配置（目录复制、环境变量设置）；4）通过gcc和cmake命令验证环境安装；5）下载LVGL演示工程及相关库文件；6）在VSCode中导入工程并编译运行。文中提供了详细的软件下载地址和配置步骤说明，并提及了可能遇到的gcc路径问题解决方案。
LVGL在VScode中安装模拟器运行配置笔记教程
热门推荐
weixin_49337111的博客
03-07 4万+
LVGL(Light and Versatile Graphics Library,轻巧而多功能的图形库)是一个免费的开放源代码图形库,它提供创建具有易于使用的图形元素,精美的视觉效果和低内存占用的嵌入式GUI所需的一切。本文主要讲述如何实现在VScode中实现LVGL模拟器环境的搭建运行。
LVGL 8.3 VSCODE模拟器
12-30
LVGL 8.3 VSCODE模拟器 详细见文章，需配置环境
记录 - vscode模拟运行LVGL
埋头搬砖员博客
08-22 706
本文详细介绍了如何在Windows系统下使用VSCode搭建LVGL图形库开发环境。主要包括：下载安装CMake、MinGW和SDL开发工具；配置系统环境变量；整合LVGL相关源码文件；以及解决编译过程中可能出现的SDL2库文件缺失问题。通过图文并茂的步骤说明，帮助开发者完成从环境配置到项目运行的完整流程，特别针对常见错误提供了解决方案。整个搭建过程涉及工具安装、环境配置、源码整合和工程构建等多个环节，为LVGL的PC端开发提供了完整的技术支持。
在 VSCode 中搭建免安装的 LVGL 模拟器开发环境（Windows）
MYLK的博客
08-26 2129
本文将详细介绍如何在 Windows 系统下，基于 VSCode 和免安装便携式工具链，从零搭建 LVGL 模拟器开发环境，支持 Windows 原生和 SDL2 两种后端，全程无需管理员权限，且环境隔离不污染系统配置。
vscode搭建LVGL PC模拟器
weixin_51614093的博客
05-31 2878
首先准备资源：2.源码下载：可以下载百问网的PC模拟器代码2.资源安装：VScode安装c/c++相关插件推荐离线安装，MinGW离线安装包有2个下载路径当前最新的版本是8.1下载cmake下载安装即可，也可以直接在vscode中安装。
LVGL 之 windows 上 lvgl 模拟器基于 Visual Studio 搭建方法的简单整理
仙魁XAN
11-07 2万+
LVGL 的PC模拟器的使用。PC 模拟器的好处一方面是我们没有实际硬件的时候也可以学习lvgl，另一方面就是我们在实际设计GUI界面的时候可以大大减少烧录代码地次数。我们可以先在PC模拟器上设计好，然后再把代码移到嵌入式工程里，编译、烧录到板子里。lvgl 模拟器介绍LVGL（Light and Versatile Graphics Library）轻量级通用型图形库，是一个免费的开源图形库，提供了创建嵌入式 GUI 所需的一切，具有易于使用的组件，美观的视觉效果和低内存占用等特点。
LVGL移植与VS模拟器使用
weixin_45930573的博客
07-07 1327
【代码】LVGL移植与VS模拟器使用。
第三节 LVGL模拟器使用
picassocao的博客
02-20 1219
LVGL模拟器使用
VSCode搭建LVGL模拟器环境示例（lv_sim_vscode_sdl）
10-21
lv_sim_vscode_sdl_7.11.0，完整的示例代码，已包含lvgl、lv_drivers、lv_examples 子模块，来源：https://github.com/lvgl/lv_sim_vscode_sdl github 拉取太慢，备份下来使用。 使用参考：https://blog.youkuaiyun.com/p1279030826/article/details/120890075
基于VSCode和MinGW-w64搭建LVGL模拟开发环境
mftang的博客
06-15 7044
本文主要介绍使用VSCode和MinGW-w64搭建LVGL模拟开发环境，在使用LVGL进行项目UI设计时，通过编写代码，然后下载到板卡上运行，以查看其运行结果。这种方式虽然能正确反应UI在嵌入式设备上的运行状态，但对于开发过程来说很耗费时间。通过模拟器的形式开发UI能极大的节约时间。
LVGL移植到基于VSCode的platformio工程的STM32L476 Nucleo开发板的程序(st7789显示驱动)
03-18
LVGL移植到基于VSCode的platformio工程的STM32L476 Nucleo开发板，移植说明文档见https://blog.youkuaiyun.com/BigAntHome/article/details/114965827
LVGL 8.3.11 windows vscode模拟器 含图文详细教程.zip
04-30
LVGL是什么？ LVGL (Light and Versatile Graphics Library) 是最流行的免费开源嵌入式图形库，可为任何 MCU、MPU 和显示类型创建漂亮的 UI。 在嵌入式设备场景，资源比较受限的情况，从渲染性能、许可费用、社区活跃度等做综合对比，LVGL是目前相对较好的选择。 LVGL是如何渲染UI的？ LVGL最低配置要求 16、32 或 64 位微控制器或处理器 建议使用 >16 MHz 时钟速度 闪存/ROM： > 64 kB 用于非常重要的组件 (> 建议使用 180 kB) RAM: 静态 RAM 使用量：~2 kB，取决于使用的功能和对象类型 堆: > 2kB (> 建议使用 8 kB) 动态数据（堆）: > 2 KB (> 如果使用多个对象，建议使用 16 kB). 在 lv_conf.h 文件中配置 LV_MEM_SIZE 生效。 显示缓冲区：> “水平分辨率”像素（推荐 >10 × 10ד 水平分辨率”） MCU或外部显示控制器中的一个帧缓冲区 C99 或更新的编译器在嵌入式设备场景，资源比较受限的情况，从渲染性能、许可费用、社区
vscode+lvgl模拟器
12-09
这包括使用VSCode对lvgl库代码进行编辑、调试以及在模拟器中预览GUI界面等。通过这种方式，开发人员可以在没有实际硬件的情况下，快速迭代和测试GUI设计，极大地提升了开发效率和产品质量。 在lvgl-code这个压缩包...
LVGL在VScode的WSL2中仿真
07-12
总体来看，LVGL在VScode的WSL2中仿真涉及到Linux环境的搭建、VScode远程开发配置、LVGL库的安装和配置、代码编写与调试等多个方面。掌握这些技能，不仅能够高效地进行LVGL仿真，还能为后续在实际嵌入式硬件上部署...
VScode中模拟lvgl运行环境配置（全教程，无脑操作）
最新发布
m0_56411494的博客
08-28 1302
2.按快捷键shift+ctrl+p,输入cmake：select a kit，点击如下。3.2 输入 cmake --version,出现如下版本信息，表明cmake安装完好。2.下载Cmake，下载后点击运行，把安装地址记住，后面要填到环境变量中。3.1 输入 gcc -v,出现如下信息，表明MinGW安装成功。环境变量不添加，会编译不过，或编译过了无法显示图片。3.跳出以下选择，点击GCC那项，再点击如下。1.先下载VScode，无脑自定义安装。三.打开vscode，导入工程，编译运行。
Windows下在VS code中搭建LVGL仿真环境
嵌入式软件开发牛马一枚~~
04-01 1923
如果想加入自定义文件, 在最外层CMakeList.txt中加入其路径, 并删除build目录重新编译即可。
关于在vscode上运行lvgl程序
weixin_53128233的博客
09-19 2559
模拟器可以在计算机环境（如 Windows、Linux、macOS 等）中模拟出一个类似于嵌入式设备的显示环境，这样开发者可以在没有硬件设备的情况下进行 LVGL 相关代码的开发、调试和测试工作。lvgl是图形库，在开发阶段，如果没有嵌入式硬件支持，可以用电脑的硬件进行支持显示，这个时候就要进行模拟器的配置，让其能够在电脑上运行，显示，调试。vscode本身只是一个编辑器，如果想要编译调试，就需要下载编译器，在windows上可以下载mingw64编译器，然后配置环境变量。文章中的SDL2是什么？
vscode搭建lvgl模拟器环境示例
05-01
Vscode搭建LVGL模拟器环境： 1.安装Vscode编译器。 2.在Vscode扩展商店中搜索“C/C++”，安装该插件，用于开发C/C++程序。 3.使用Vscode内置的终端或打开系统自带的命令行工具，前往LVGL GitHub下载库文件。 4.下载完成后，将该文件夹放到您的项目中。 5.在项目文件夹下新建一个文件，重命名为main.c，并在其中加入您的代码（这里以LCD显示设备为例）。 6.在项目根目录下创建CMakeLists.txt文件，该文件指示Vscode如何构建和编译代码。 7.打开CMakeLists文件，您可以在其中输入以下内容： ``` cmake_minimum_required（VERSION 3.16） project（lcdSimulator） add_executable（lcdSimulator main.c） target_link_Libraries（lcdSimulator -lSDL2） ``` 8.在Vscode中打开终端，进入您的项目文件夹。 9.运行以下命令构建项目（确保您已经安装了SDL2库）： ``` cmake -DCMAKE_BUILD_TYPE=Debug . make ``` 10.运行可执行文件，以测试您的LCD设备模拟器： ``` ./lcdSimulator ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值