一、基础环境搭建

1.1 DevEco Studio安装

以前写过一篇鸿蒙ide-DevEco Studiod的环境搭建，可以参考这篇文章幻影的鸿蒙开发之旅1-安装DevStudio-CSDN博客。

1.2 Git安装

因为我之前已经装过了，所以不用再重复安装。大家可以参考这个佬的文章，很详细：【2025最新】下载安装 Git 详细教程 （Windows）-CSDN博客

1.3 Java JDK17下载安装

JDK也是必须要安装的，不然可能会导致失败（注意：JDK8或者JDK11，也可能导致失败，因为JDK17更新的内容比较多，旧的可能没有。），可以查看教程

jdk17下载安装图文教程【超详细】-CSDN博客

二、Flutter鸿蒙环境搭建

此时，默认大家下好了鸿蒙的ide，如果遇到问题或者没下好可以查看幻影的鸿蒙开发之旅1-安装DevStudio-CSDN博客我写的这篇文章。

2.1 打开设置

因为我之前写过一些鸿蒙项目，所以不是空的。新安装的基本默认都是空的（不用担心和我的不一样），然后点击框起来的设置，点击Settings,会弹出来一个框。

2.2 安装OpenHarmony SDK

在搜索框搜索OpenHarmony SDK

如果没安装过，点击Edit默认会安装到C盘，但是不建议安装到C盘。所以我这里换成了D:\All_ide\HongMeng\ide\OpenHarmony_SDK这个路径，然后点击finish，然后一直Next即可。需要记住这个路径，因为后面要用到。下载完后Native空着是正常的，大家不用担心是编译器没去下载。

2.3 安装ArkUI-x

这里我已经下载完了。同样在Settings搜索ArkUI-X，点击Edit改变路径，换成别的盘符。换好后点击ok，然后一直next就会进行下载，下载完后点击Finish。下载完后，如果之前没具体选择某个版本，默认会选择最新版本。比如我这里就没勾选特定的版本，直接下载了最新版本的(API Version 20)

2.4 配置鸿蒙SDK环境变量

我们需要配置5个环境变量

1.D:\All_ide\HongMeng\ide\DevEco Studio\sdk\default\openharmony\toolchains

2.D:\All_ide\HongMeng\ide\DevEco Studio\tools\ohpm\bin

3.D:\All_ide\HongMeng\ide\DevEco Studio\tools\node

4.D:\All_ide\HongMeng\ide\DevEco Studio\tools\hvigor\bin

5.DEVECO_SDK_HOME

2.4.1 配置toolchains环境变量

如果大家不小心关掉了之前的ide，没记住之前需要配置的路径，可以按照我的步骤来。选中DevEco Studio打开文件所在的位置，这个时候会打开DevEco Studio文件夹中的bin目录。我们删掉这个bin目录的文件即可。然后看到有一个sdk的目录，一直双击进去，搜索toolchains，默认第一个就是我们要配置的路径。复制完路径后，按键盘上的windows键，搜索系统变量，然后点环境变量，选中Path点击编辑，然后新建，把D:\All_ide\HongMeng\ide\DevEco Studio\sdk\default\openharmony\toolchains拷贝上去点确定即可。

2.4.2 配置bin环境变量

还是回到这个安装ide的目录，然后双击tools-->再双击ohpm进去即可看到bin目录，然后再双击bin目录进去，复制bin目录的路径。同上把 D:\All_ide\HongMeng\ide\DevEco Studio\tools\ohpm\bin这个路径，配置到系统变量。

2.4.3 配置node环境变量

同样回到DevEco Studio的安装路径，进入tools目录即可看到node，再双击进入node,然后复制这个路径 D:\All_ide\HongMeng\ide\DevEco Studio\tools\node 到系统环境变量配置

2.4.4 配置bin环境变量

同样回到Deveco Studio的安装路径，然后依次进入tools->hvigor->bin文件夹，把这个路径复制下来配置到系统变量

2.4.5 配置鸿蒙SDK的环境变量

在系统环境变量新建DEVECO_SDK_HOME变量，然后填刚刚复制的路径，点击确定。

三、下载适配鸿蒙的SDK

3.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

下载安装成功，如图所示：

因为我之前配过一次，我就没用flutter_first的路径，道理是一样的，只要配置了这个bin路径就行。

3.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.3 检查Flutter环境

win+r快捷键输入cmd,然后输入flutter --version。再输入flutter doctor -v，检查鸿蒙环境是否配置成功，只要HarmonyOS的输出都是绿色的，就没问题了。

四、运行自己的第一个项目

专门创建一个文件夹保存Flutter鸿蒙项目，我这里创建了一个HarmonyOS文件夹，在文件路径中输入cmd，然后执行以下命令"flutter create --platforms ohos <projectName>"。

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

//比如我的文件夹名字叫作：flutter_harmonyos
flutter create --platforms ohos <flutter_harmonyos>

成功会如下图：

在创建的项目路径E:\Flutter\HarmonyOS\flutter_harmonyos下，输入powershell然后点击Enter,输入"flutter build app --release"进行构建

构建成功如下图：

4.2 运行自己的第一个项目

打开flutter_harmonyos下的ohos文件夹，然后复制这个路径，打开自己的Deveco Studio，选择open，并且粘贴这个路径，可以看到ohos会有Deveco Studio的标识，选择信任并且打开。先启动我们的模拟器，点击Device Manager，看到有一个模拟器存在（如果没有模拟器需要新建一个）。点击绿色右三角，启动模拟器。可以看到已经启动成功了，然后上拉解锁屏幕，点击右上角的绿色右三角运行。此时可能需要进行编译，大概1-2分钟即可运行成功。此时，我已经运行成功了！~~

运行成功！！！