基于WSL2的LVGL PC模拟器+开发环境搭建指南（Vscode版）

最新推荐文章于 2024-09-19 15:10:00 发布

Leon_Chenl

最新推荐文章于 2024-09-19 15:10:00 发布

阅读量811

点赞数 3

分类专栏： LVGL 文章标签： vscode ide lvgl

本文链接：https://blog.csdn.net/Leon_Chenl/article/details/139511605

版权

LVGL 专栏收录该内容

8 篇文章 11 订阅

订阅专栏

文章目录

前言
步骤
- LVGL模拟器搭建
- 运行tasks
总结

前言

在开发LVGL过程中，我们经常需要进行调试，而模拟器就是调试的必备工具，我日常适用的IDE是vscode，使用vscode的调试和任务功能，可以提高我们开发LVGL的效率，下面列出模拟器的搭建步骤以及如何使用tasks来加快build和run过程。

步骤

LVGL模拟器搭建

克隆项目

git clone --recursive https://github.com/lvgl/lv_port_pc_vscode

使用vscode选择从文件打开工作区，打开项目的simulator.code-workspace文件，进入工作区。安装工作区推荐的插件。

打开wsl2，安装以下几个包：

# 更新软件列表
sudo apt update

# 更新软件包
sudo apt upgrade

# 安装模拟器运行所需的包
sudo apt install -y build-essential libsdl2-dev cmake openjdk-17-jdk openjdk-17-jre golang-go gdb

点击vscode的调试，点击Debug LVGL demo with gdb，即可运行lvgl模拟器。

运行效果如下：

运行tasks

运行tasks非常简单，下面是官方提供的tasks配置：

"tasks": {
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Build",
            "command": "cmake",
            "args": ["--build", "${command:cmake.buildDirectory}"],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "problemMatcher": {
                "owner": "cpp",
                "fileLocation": ["relative", "${workspaceFolder}"],
                "pattern": {
                    "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                    "file": 1,
                    "line": 2,
                    "column": 3,
                    "severity": 4,
                    "message": 5
                }
            }
        },
        {
            "label": "Build and Run",
            "type": "shell",
            "command": "${workspaceFolder}/bin/main",
            "group": {
                "kind": "test",
                "isDefault": true
            },
            "dependsOn": "Build"
        }
    ]
}

按 F1 键，在输入框输入 run task，选择Build and Run，即可快速编译并运行代码。

总结

以上就是如何在windows的wsl2上，在vscode运行LVGL模拟器和跑代码的过程。不过开发LVGL有个缺点就是不支持实时刷新，也就是热更新，之前在开发前端应用，不管是小程序、web还是移动端，都是支持热更新的，热更新可以大大加快开发效率，目前网上还没有找到LVGL热更新的相关教程，后续会持续关注该问题。