1. 資源下載

1. 1 lv_port_pc_vscode

那么多模擬器，為什么選擇這個： 支持最新版本，支持 Windows, Linux and MacOs， 使用cmake對項目配置管理， 更新比較快。
下載地址：https://github.com/lvgl/lv_port_pc_vscode
zip 下載：切換9.3分支， 直接下載zip

git 克隆：

git clone -b release/v9.3 https://github.com/lvgl/lv_port_pc_vscode.git

github訪問不了加速可參考： https://blog.csdn.net/qq_51355375/article/details/148614617?spm=1011.2415.3001.5331

1.2 cmake 和 mingw 環境搭建

• cmake： https://blog.csdn.net/qq_51355375/article/details/139186681?spm=1011.2415.3001.5331
• mingw: https://blog.csdn.net/qq_51355375/article/details/139890889?spm=1011.2415.3001.5331

1.3 sdl 下載

https://github.com/libsdl-org/SDL/tags
因為lvgl使用的是sdl2,和 mingw, 選擇sdl2 mingw版本下載

1.4 下載lvgl_v9.3

下載和lv_port_pc_vscode 一樣，選擇對應版本下載即可。
https://github.com/lvgl/lvgl

2. 環境搭建

2.1 拷貝lvgl 源碼到工程

• vscode打開lv_port_pc_vscode-release-v9.3項目，并將下載的lvgl 9.3 工程下的所有內容復制到 lv_port_pc_vscode-release-v9.3下的lvgl目錄下。
  

2.2 添加SDL2 依賴

將下載的 sdl 解壓后整個復制到 項目中


指定sdl 配置路徑：

2.3 執行工程

因為使用在vscode配置c工程比較麻煩，這里使用的是qt vscode插件：
參考：https://blog.csdn.net/qq_51355375/article/details/142623120?spm=1011.2415.3001.5331

選擇編譯器：ctrl + shift + p

選擇自己安裝的對應 mingw 目錄下的gcc

然后在cmakelist.txt ctrl + s 觸發cmake構建， 構建完成后點擊左下角編譯或者運行即可進入代碼編譯。

• 報錯1：
  fatal error: glob.h: No such file or directory
  [build] 18 | #include “glob.h”
  [build] | ^~~~~~~~
  [build] compilation terminated.
  注釋掉main.c 中對應的頭文件：
  
• 報錯2：
  main_getcmdline': [build] /tmp/tardir/SDL2-2.32.2/src/main/windows/SDL_windows_main.c:80:(.text+0x152): undefined reference to SDL_main’
  [build] collect2.exe: error: ld returned 1 exit status
  添加sdl頭文件
  
• 錯誤3：
  編譯成功，執行沒有界面，執行后就結束了
  
  缺少SDL2.dll庫， 配置cmake 將其拷貝到可執行程序所在的bin目錄下， 重新構建運行即可。

3. 運行示例

此工程代碼下載：https://gitcode.com/CodingBinary/lv_port_pc_vscode-release-v9.3