欢迎加入开源鸿蒙跨平台社区: https://openharmonycrossplatform.csdn.net

1.前提条件

安装以下软件:

  • Visual Studio Code

  • Git

  • DevEco Studio

  • Java 17

  • Android Studio

注册并完成华为开发者账号的实名认证。

2.配置环境变量:

(1)打开系统属性面板

  1. 右键 “开始” 按钮
  2. 在列表中点击 “系统” 打开系统面板
  3.  下拉找到并点击 “高级系统设置”,打开系统属性面板

(2)打开环境变量设置界面

(3)配置变量

配置TOOL_HOME 变量

填写变量信息:

变量名TOOL_HOME

变量值:DevEco Studio 的实际安装路径

配置 DEVECO_SDK_HOME 变量

填写变量信息:

变量名DEVECO_SDK_HOME

变量值%TOOL_HOME%\sdk

配置 PATH 变量

1.在 “系统变量” 区域,找到 “Path” 变量名

2. 点击 “编辑(I)…” ,打开编辑环境变量窗口

3. 点击 “新建” 按钮,依次添加以下三个路径:

  1. %TOOL_HOME%\tools\ohpm\bin 

  2. %TOOL_HOME%\tools\hvigor\bin 

  3. %TOOL_HOME%\tools\node

配置 HDC_HOME 变量

在环境变量设置中配置以下内容:

  • PUB_CACHE:设置Dart包缓存路径

  • PUB_HOSTED_URL:指定Dart包服务器地址

  • FLUTTER_STORAGE_BASE_URL:设置Flutter存储基础URL

  • PATH:添加Flutter工具路径

验证环境配置,确保Flutter、OpenHarmony和Android环境均显示为正常状态(✔)。

3.克隆Flutter源码

选择存储位置为C:\Tools\flutter_flutter,执行以下操作:

切换到目标目录

cd C:\Tools

执行克隆命令

git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git

查看所有分支和可用标签

cd flutter_flutter
git branch -a

切换到开发分支

git checkout -b oh-3.32.4-dev origin/oh-3.32.4-dev

4.配置环境变量

(1)打开环境变量设置

(2)配置 PUB_CACHE 变量

(3)配置 PUB_HOSTED_URL 变量

(4)配置 FLUTTER_STORAGE_BASE_URL 变量

(5)配置 PATH 变量

(6)验证环境配置

确保Flutter、OpenHarmony、Android都显示为✔

5.创建Flutter工程

(1)创建 OpenHarmony 平台工程

(2)进入项目目录

(3)编译 HAP 包

6.使用模拟器验证应用

(1)配置模拟器

(2)运行应用

注意事项

  • 环境变量配置后需重启终端生效

  • 确保所有依赖软件版本兼容

  • 开发过程中保持网络连接稳定

总结:此文章主要包含了环境配置和应用的运行

学习参考:Flutter 开发环境搭建完整指南:https://bxming.blog.csdn.net/article/details/156203074

                  开发环境常见错误及解决办法:https://bxming.blog.csdn.net/article/details/156203132

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐