VSCode搭建LVGL9的模拟器

1.VScode插件安装

2.mingw环境搭建

2.1mingw下载

mingw下载地址：https://github.com/niXman/mingw-builds-binaries/releases/tag/13.1.0-rt_v11-rev1

下载完后解压，比如解压到：C:\AppData

2.2mingw环境变量配置

右击"我的电脑" =》选择"属性" =》高级系统设置 =》环境变量

下方【系统变量】选择 "Path" =》编辑

将之前解压的 mingw文件下的 bin 文件路径添加到环境变量

检测mingw环境变量是否安装成功：在windows打开终端，输入gcc -v

配置成功如图可以看到版本信息

3. cmake环境搭建

cmake下载地址：Download CMake

下载完毕后，按步骤安装即可，安装完毕后，在windows打开终端，输入cmake --version，配置成功显示如下：

4.下载SDL

下载地址：https://github.com/libsdl-org/SDL/releases/tag/release-2.32.4

5. 下载LVGL

5.1.下载lvgl

lvgl v9.5下载地址（选择9.5）：https://github.com/lvgl/lvgl/tree/release/v9.3

5.2.下载lv_port_pc_vscode

lv_port_pc_vscode v9.5下载地址（选择9.5）：https://github.com/lvgl/lv_port_pc_vscode/tree/release/v9.3

6. 环境搭建

解压3个压缩包

（1）解压lv_port_pc_vscode-release-v9.5.zip

（2）解压lvgl-release-9.5.zip

（3）解压SDL2-devel-2.32.4-mingw.zip

（4）将lvgl-release-9.5文件夹下所有的文件复制到lv_port_pc_vscode-release-v9.5 的 lvgl文件夹下

(5)将SDL2-2.32.4文件夹复制到lv_port_pc_vscode-release-v9.3文件夹中

（6）打开VSCode，打开lv_port_pc_vscode-release-v9.5文件夹，注意：lv_port_pc_vscode-release-v9.5文件夹的文件路径不能有中文！

打开后，点击上方收索栏，点击""显示并运行命令""

点击"CMake：选择工具包"

cpp 复制代码

set(CMAKE_PREFIX_PATH "${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32" ${CMAKE_PREFIX_PATH})
file(COPY "${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32/bin/SDL2.dll" DESTINATION ${PROJECT_SOURCE_DIR}/bin

选择编译器

（7）修改CMakeLists.txt文件，指定SDL配置路径

cs 复制代码

set(CMAKE_PREFIX_PATH "${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32" ${CMAKE_PREFIX_PATH})
file(COPY "${PROJECT_SOURCE_DIR}/SDL2-2.32.4/x86_64-w64-mingw32/bin/SDL2.dll" DESTINATION ${PROJECT_SOURCE_DIR}/bin)

7. 编译、调试、运行工程

（1）编译工程

在VSCode页面左下方点击"生成"的图标，编译

编译完成后，我们可以看到有编译错误：

下面来进行修改：

打开main.c文件，注释掉#include "glob.h"，并添加SDL头文件

改完成后，再次编译

（2）运行工程

(3)调试工程