VScode中模拟lvgl运行环境配置

一、下载软件

1.先下载VScode:https://code.visualstudio.com/Download

2.下载Cmake: https://cmake.org/download/

3.下载SDL2:https://github.com/libsdl-org/SDL/releases/tag/release-2.32.4

4.下载mingw64:https://github.com/niXman/mingw-builds-binaries/releases

备注:因都是傻瓜式安装,在这里就不多介绍。

二、安装VScode插件

在VScode环境中,LVGL的编译运行需要如下所示的C/C++语言支持包,CMake、CMake Tools,依次安装图中红框中的插件扩展包。

三、目录复制以及环境配置

1.把SDL2-2.32.4下的cmke和x86_64-w64-mingw32复制覆盖到mingw64跟目录下

2.配置环境变量

配置Cmake、SDL、mingw64环境变量

四、环境验证

1.输入 gcc -v,出现如下信息,表明MinGW安装成功

12 输入 cmake --version,出现如下版本信息,表明cmake安装完好


五、下载lvgel程序

1.下载演示工程

https://github.com/lvgl/lv_port_pc_eclipse/tree/release/v8.3

2.下载lvgl:

https://github.com/lvgl/lvgl/tree/release/v8.3

3.下载lvgl_drivers

https://github.com/lvgl/lv_drivers/tree/release/v8.3

解压后把lvgl_drivers和lvgl复制到lv_port_pc_vscode目录下,如下图:

六.打开vscode,导入工程,编译运行

如果报gcc.exe无法找不到,需替换下面的gcc路径

七、其它博主参考文章

VScode中模拟lvgl运行环境配置(全教程,无脑操作):
https://blog.csdn.net/m0_56411494/article/details/150946395

相关推荐
golang学习记5 小时前
VSCode多光标迎来重大更新
ide·vscode·编辑器
sm_926787055 小时前
RFID 标签打印的技术实现要点与二次开发实践
java·大数据·前端·c++·编辑器
专业程序开发源6 小时前
flask家电故障预测系统92491-计算机课程设计/毕业设计
vscode·python·sql·算法·flask·课程设计
夜雪一千6 小时前
如何取消PyCharm自动识别test开头文件并进入测试模式
ide·python·pycharm
小李不困还能学7 小时前
PyCharm远程开发连接失败排查与解决
ide·python·pycharm
测试开发Kevin7 小时前
IDEA工程结构解析:项目、模块、库、Facet、Artifact (工件) 概念说明
java·ide·intellij idea
Vex2une8 小时前
PowerShell ISE 到 VS Code 迁移史:从集成脚本环境到现代编辑器工作流
windows·vscode·powershell·powershell ise·powershell 扩展·powershell 7·脚本编辑器
小李不困还能学13 小时前
VSCode远程开发免密码登录
ide·vscode·编辑器
?? Daisy13 小时前
Codex 接入第三方 API:CLI 与编辑器扩展的配置方法(2026-10)
编辑器
kite01211 天前
TraeCode 与 TraeWork 合并:AI 时代 IDE 的三种形态与未来开发工具
ide·ade·traework·traecode