一、基础环境搭建

1. DevEco Studio安装

鸿蒙开发套件官方下载地址:

https://developer.huawei.com/consumer/cn/download/

具体安装可以参考幻影哥的文章幻影的鸿蒙开发之旅1-安装DevStudio-CSDN博客

选择适合的版本安装

注意文件保存路径格式,不能有空格

2. Git安装

官方地址:https://git-scm.com/install/windows

具体安装步骤可以参考【2025最新】下载安装 Git 详细教程 (Windows)-CSDN博客

选择合适的版本安装

在cmd输入:

git --version

如图所示安装成功

3. Java JDK17下载安装

JDK也是必须要安装的,不然可能会导致失败(注:JDK8或JDK11,版本较旧,新版本更新的内容比较多,旧的可能没有。)

3.1 打开环境变量设置

  • Win + R → 输入 sysdm.cpl → 回车

  • "高级" → "环境变量"

3.2 编辑 Path 变量

  • 在"系统变量"中找到 Path → 点击"编辑"

  • 现在你会看到一个可编辑的列表视图

在系统变量JAVA_HOME中添加值,值为jdk安装的路径

在path中点击"新建",输入:%JAVA_HOME%\bin;

再次点击"新建",输入:%JAVA_HOME%\jre\bin

在添加环境变量的时候可能会遇到系统变量变为一行的情况例如:

这种情况产生的原因是第一行配置了类似:%XXX_PATH% 形式的变量

解决办法是:第一行添加一行绝对路劲的变量或者将已有的觉得变量前移到第一个。 记得加英文分号;隔离变量

详细内容可参考这篇文章Windows环境变量:系统变量Path变为一行是怎么回事?怎么改为多行?_环境变量path怎么变成多行-CSDN博客cc

查看环境配置情况:

在cmd输入:

java -version

配置完成

二、Flutter环境搭建

1. Flutter基本配置

1.2 更改项目和模拟器路径

        

1.1 安装OpenHarmony SDK

在设置中搜索OpenHarmony SDK

记得更改路径

1.2 安装ArkUI-x

记得更改路径

2. 配置鸿蒙SDK环境变量

需要配置5个环境变量

  • F:\Huawei\DevEco Studio\sdk\default\openharmony\toolchains
  • F:\Huawei\DevEco Studio\tools\ohpm\bin
  • F:\Huawei\DevEco Studio\tools\node
  • F:\Huawei\DevEco Studio\tools\hvigor\bin

新建用户变量,名为:DEVECO_SDK_HOME

值为:F:\Huawei\DevEco Studio\sdk

配置环境上面已经说过了,这里就不多赘述了。

三、下载适配鸿蒙的SDK

1 下载Flutter SDK

新建一个flutter_sdk文件夹,然后双击进去这个flutter_first文件夹输入cmd。成功后会有一个flutter_flutter文件,fluuter_flutter文件里有一个bin文件,这个时候双击进去并且复制他的路径E:\Flutter\flutter_first\flutter_flutter\bin,在系统环境变量配置。

输入指令:

git clone -b oh-3.27.4-dev https://gitcode.com/openharmony-tpc/flutter_flutter.git

安装成功:

复制文件路径添加到环境变量path中

F:\Huawei\flutter_sdk\flutter_first\flutter_flutter\bin

        

2. 配置两个环境变量

PUB_HOSTED_URL

FLUTTER_STORAGE_BASE_URL

  • PUB_HOSTED_URL:https://pub.flutter-io.cn
  • FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

3. 检查Flutter环境

输入命令:

flutter --version

输入命令:

flutter doctor -v

四、运行项目

创建一个文件夹保存Flutter鸿蒙项目,我这里创建了一个HarmonyOS文件夹,在文件路径中输入cmd,然后执行以下命令

// 执行这个命令 <projectName>换成自己的文件夹名字
flutter create --platforms ohos <projectName>
 

flutter create --platforms ohos <flutter_harmonyos>

用cmd打开:F:\Huawei\flutter_sdk\HarmonyOS\flutter_harmonyos

输入:

flutter build app --release

在软件打开这个文件并运行 F:\Huawei\flutter_sdk\HarmonyOS\flutter_harmonyos\ohos

成功运行:

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐