文章目录
- 一、开发软件包
-
- [ 1、lv_port_pc_vscode项目](# 1、lv_port_pc_vscode项目)
- [ 2、LVGL源码](# 2、LVGL源码)
- [ 3、VSCode+插件](# 3、VSCode+插件)
- [ 4、MinGW-w64(x86_64-posix-seh)](# 4、MinGW-w64(x86_64-posix-seh))
- [ 5、Cmake](# 5、Cmake)
- [ 6、SDL2](# 6、SDL2)
- 二、构建开发环境
-
- [ 1、安装VSCode插件](# 1、安装VSCode插件)
- [ 2、新建环境目录](# 2、新建环境目录)
- [ 3、解压lv_port_pc_vscode项目到D:\LVGL目录](# 3、解压lv_port_pc_vscode项目到D:\LVGL目录)
- [ 4、解压LVGL源码到D:\LVGL\lv_port_pc_vscode\lvgl目录](# 4、解压LVGL源码到D:\LVGL\lv_port_pc_vscode\lvgl目录)
- [ 5、解压CMake工具包到D:\LVGL目录](# 5、解压CMake工具包到D:\LVGL目录)
- [ 6、ninja解压到D:\LVGL\CMake\bin目录下](# 6、ninja解压到D:\LVGL\CMake\bin目录下)
- [ 7、解压GCC(mingw64)工具包到:\LVGL目录](# 7、解压GCC(mingw64)工具包到:\LVGL目录)
- [ 8、解压SDL2包到D:\LVGL\lv_port_pc_vscode目录](# 8、解压SDL2包到D:\LVGL\lv_port_pc_vscode目录)
- 三、构建流程及问题处理
-
- [ 1、使用VSCode打开项目](# 1、使用VSCode打开项目)
- [ 2、CMake可执行文件错误](# 2、CMake可执行文件错误)
-
- [ 错误原因：](# 错误原因：)
- [ 解决方法：](# 解决方法：)
- [ 3、找不到SDL2](# 3、找不到SDL2)
- [ 4、拷贝DLL和配置文件](# 4、拷贝DLL和配置文件)
- [ 5、运行结果](# 5、运行结果)
一、开发软件包
1、lv_port_pc_vscode项目
官网： https://lvgl.io
GitHub： https://github.com/lvgl/lv_port_pc_vscode
2、LVGL源码
GitHub： https://github.com/lvgl/lvgl
3、VSCode+插件
C/C++（Microsoft）
CMake Tools
CMake（语法高亮）
4、MinGW-w64(x86_64-posix-seh)
GitHub： https://github.com/niXman/mingw-builds-binaries
5、Cmake
GitHub： https://github.com/Kitware/CMake
Ninja : https://github.com/ninja-build/ninja/releases
6、SDL2
GitHub： https://github.com/libsdl-org/SDL
二、构建开发环境
1、安装VSCode插件
2、新建环境目录
D:\LVGL
3、解压lv_port_pc_vscode项目到D:\LVGL目录
4、解压LVGL源码到D:\LVGL\lv_port_pc_vscode\lvgl目录
5、解压CMake工具包到D:\LVGL目录
6、ninja解压到D:\LVGL\CMake\bin目录下
7、解压GCC(mingw64)工具包到:\LVGL目录
8、解压SDL2包到D:\LVGL\lv_port_pc_vscode目录
三、构建流程及问题处理
1、使用VSCode打开项目
2、CMake可执行文件错误
错误原因：
下载的项目源码，没有配置CMake目录。
解决方法：
在simulator.code-workspace项目文件中添加CMake目录。
c
// settings.json section
"settings": {
//添加CMake目录
"cmake.cmakePath": "D:\\LVGL\\CMake\\bin\\cmake",
"files.trimTrailingWhitespace": true,
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
"cmake.configureOnOpen": true,
"files.associations": {
"glob.h": "c",
"lvgl.h": "c"
},
//添加Ninja工具
"cmake.generator": "Ninja"
},3、找不到SDL2
点击调试。
错误原因：
只解压了SDL2包，没有告知项目SDL2包的位置。
解决方法：
修改CMAkeLists.txt中添加SDL配置路径：
# Find and include SDL2 library
set(SDL2_DIR ${PROJECT_SOURCE_DIR}/SDL2-2.32.10/cmake)
find_package(SDL2 REQUIRED)
4、拷贝DLL和配置文件
将lv_port_pc_vscode\SDL2-2.32.10\x86_64-w64-mingw32\bin目录下的DAL2.DLL和sdl2-config文件拷贝至项目的bin目录下。
5、运行结果
