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

相关推荐
香芋芋圆16 小时前
iD-editor 详解|OSM官方在线编辑器,基于D3.js的轻量地图编辑器
开发语言·javascript·编辑器
qinglongcn21 小时前
Agent 可能出什么事——五类异常与应对
人工智能·编辑器·ai编程
QianhangQianping1 天前
撤销重做不是「存快照」:一个可视化编辑器的Operation 设计
java·前端·数据库·typescript·编辑器·前端架构·撤销重做
Eiceblue1 天前
用 Python 给 Word 文档加水印:文字、图片与批量处理
开发语言·vscode·python·word
2501_915921431 天前
KXBuild CI 实操,Windows/Linux 服务器接入 Jenkins 打包 iOS IPA
服务器·windows·vscode·ios·ci/cd·个人开发·敏捷流程
Lhan.zzZ1 天前
用 Qt 构建线程安全的通讯静态库:从线程亲和性到完整工程
c++·vscode·qt·tcp/ip·udp
golang学习记1 天前
IDEA 断点调试技巧:拖拽
java·ide·intellij-idea
Halo10131 天前
VSCode设置护眼背景色
ide·vscode·编辑器
fanruitian1 天前
pycharm 使用anaconda
ide·python·pycharm
weixin_563371472 天前
Android Studio 2024 版 Device Explorer 打开方法
android·ide·android studio