目录

前置准备

一、克隆Flutter 源码

二、配置Flutter境变量

1.打开环境变量设置

2.配置环境变量

3.验证环境配置

三、创建第一个Flutter 工程

1.创建 OpenHarmony 平台工程

2.编译 HAP （HarmonyOS Ability Package）包

3.使用模拟器验证应用（DevEco Studio）

总结

---

前置准备

需要具备以下软件的安装

• ✅ Windows 11 安装 DevEco Studio 完整指南 - HarmonyOS/OpenHarmony开发IDE
• ✅ Windows 11 安装 Java 17 完整指南 - Java开发环境
• Windows 11安装Android Studio完整指南✅Windows 11安装Android Studio完整指南 - Android Studio的安装

---

一、克隆Flutter 源码

这里选择将 Flutter 源码克隆到

• D:\Development\flutter_flutter

#执行克隆命令
git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git

二、配置Flutter境变量

 1.打开环境变量设置

如下：

2.配置环境变量

#配置 PUB_CACHE 变量
变量名（N）：PUB_CACHE
变量值（V）：D:\PUB

#配置 PUB_HOSTED_URL 变量
变量名（N）：PUB_HOSTED_URL
变量值（V）：https://pub.flutter-io.cn

#配置 FLUTTER_STORAGE_BASE_URL 变量
变量名（N）：FLUTTER_STORAGE_BASE_URL
变量值（V）：https://storage.flutter-io.cn

#配置 PATH 变量（添加 Flutter）
添加 Flutter 的实际路径：D:\Development\flutter_flutter\bin

3.验证环境配置

代码如下：

flutter doctor -v

期望输出：应该显示环境检查结果，Flutter、OpenHarmony、Android 都应该显示为 ✓ 或 ok。

⚠️ Android 环境 ❌（如上图所示）

• cmdline-tools component is missing：Android SDK 的命令行工具未安装或未配置环境变量。

• Android license status unknown：没有接受 Android SDK 的许可证协议。

• 这两项是 Android 环境的关键错误，需要修复才能显示为√。

但是不知为何，我重新接受了Android SDK 的许可证协议之后，再次验证环境配置，还是出现上图的结果！！

三、创建第一个Flutter 工程

1.创建 OpenHarmony 平台工程

#项目名称需要使用小写字母和下划线
flutter create --platforms ohos my_first_cathy

创建成功如下图所示：

2.编译 HAP （HarmonyOS Ability Package）包

flutter build hap --debug 
#编译调试版本（开发时使用）

结果如下图所示

3.使用模拟器验证应用（DevEco Studio）

最终效果展示：

---

总结

在此次开发中，遇到了许多问题，都需要一步一步来解决。目前来说，对于OpenHarmony版Flutter我可谓一无所知，但是我相信在接下来的学习中会收获越来越多！请求指教！