2. 开发环境搭建：基于MCU的GUI开发工具链

说实话，嵌入式GUI开发的第一步，往往不是写代码，而是先把环境折腾明白。我见过太多新手一上来就急着敲代码，结果编译报错、下载失败、仿真器连不上……折腾半天，心态直接崩了。

这一章，我就带你把这套工具链理清楚。咱们不搞花架子，直接上干货。

2.1 开发IDE的选择：STM32CubeIDE、IAR、Keil

做MCU开发，IDE是绕不开的。目前主流的三款，我挨个说说我的看法。

IDE	特点	适用场景	个人评价
STM32CubeIDE	免费、基于Eclipse、集成CubeMX配置	STM32全系列、新手入门、预算有限	我目前的主力IDE，免费且功能完整
IAR EWARM	编译优化强、调试体验好、收费	产品量产、性能敏感项目	编译出来的代码确实更小，但价格劝退
Keil MDK	老牌IDE、生态成熟、ARM官方支持	传统项目、客户指定环境	稳定，但界面确实有点年代感

我个人习惯用STM32CubeIDE。为什么？免费、开箱即用、而且集成了CubeMX，配置时钟树和外设非常方便。你想想看，以前用Keil还得单独开一个CubeMX生成代码，再导入工程，多了一步操作。现在一个IDE全搞定，省心不少。

但话说回来，如果你做的是量产产品，对代码体积和性能有极致要求，IAR的编译器确实更胜一筹。我在一个项目里对比过，同样的代码，IAR编译出来的固件比CubeIDE小了将近15%。嗯，这就是钱的威力。

2.2 模拟器环境搭建：LVGL Simulator与TouchGFX Simulator

做GUI开发，最痛苦的是什么？每次改个像素点都要下载到板子上看效果。浪费时间不说，板子还容易烧。所以，模拟器是必备的。

2.2.1 LVGL Simulator

LVGL官方提供了基于PC的模拟器，支持Windows、Linux、macOS。说白了，就是在你的电脑上跑一个LVGL的窗口，所见即所得。

搭建步骤：

1. 从GitHub克隆LVGL的模拟器仓库：lv_port_pc_eclipse 或 lv_sim_eclipse_sdl
2. 安装SDL2库（用于窗口渲染）
3. 用STM32CubeIDE或VS Code打开工程，编译运行
4. 看到LVGL的demo界面弹出来，就算成功了

我记得第一次跑通LVGL模拟器的时候，那个激动啊。在电脑上拖拽控件、切换页面，完全不用碰硬件。调试效率直接翻倍。

2.2.2 TouchGFX Simulator

TouchGFX是ST官方主推的GUI框架，它的模拟器更强大——可以直接在PC上模拟触摸交互、动画效果，甚至能模拟不同分辨率的屏幕。

搭建步骤：

1. 下载并安装TouchGFX Designer（免费，但需要注册ST账号）
2. 新建一个工程，选择目标平台（比如STM32F429）
3. 在Designer中设计界面，点击“Run Simulator”
4. 模拟器自动启动，实时显示UI效果

TouchGFX的模拟器有个好处——它和硬件代码是同一套源码。你在模拟器上调试好的界面，直接编译下载到板子上就能跑，几乎不需要修改。这一点，LVGL目前还做不到完全一致。

对比项	LVGL Simulator	TouchGFX Simulator
搭建难度	中等（需要手动配置SDL2）	简单（一键安装）
与硬件一致性	较高（但驱动层需适配）	极高（官方深度集成）
免费程度	完全免费开源	免费但需注册
适用框架	LVGL	TouchGFX

2.3 版本控制基础：Git

做嵌入式开发，很多人不习惯用Git。觉得“我就一个人写代码，要什么版本控制？”——我以前也这么想，直到有一次改了一整天代码，发现改错了，想回退却回不去……那种绝望，经历过一次就懂了。

Git的核心概念，其实就三个：

• 仓库（Repository）：你的代码仓库，本地一份，远程一份
• 提交（Commit）：保存当前代码的快照，相当于“存档”
• 分支（Branch）：开一条新线，独立开发，互不影响

对于嵌入式GUI项目，我建议你至少掌握这几个操作：

# 初始化仓库
git init

# 添加文件到暂存区
git add .

# 提交代码
git commit -m "完成了LVGL模拟器搭建"

# 查看提交历史
git log --oneline

# 创建并切换分支
git checkout -b feature/new_screen

# 合并分支
git merge feature/new_screen

你可能会问：“就这几个命令够用吗？”——够。对于个人项目或小团队，80%的场景用上面这些就够了。等你遇到冲突了，再去学git rebase、git stash这些高级操作也不迟。

2.4 本章知识体系总览

下面这张图，把本章的核心内容串起来了。你可以把它当作一张“地图”，随时回来对照。

2.5 环境验证清单

环境搭好了，怎么知道对不对？我列了一个检查清单，你照着过一遍：

• IDE：能新建工程、编译通过、下载到板子（或仿真器）
• 模拟器：能运行demo界面，鼠标点击有响应
• Git：能init、add、commit、查看log
• 三者联动：在IDE中修改代码，模拟器能同步更新效果

如果以上四点都OK，恭喜你，环境搭建完成。接下来就可以正式开始写GUI代码了。