鸿蒙-Fluuter编译开发
先打开任意浏览器,这里我就以edge为例,打开浏览器,输入DevEco Studio的下载地址,点击链接可以跳转,此时可以看到进入页面之后此处可以看到DevEco Studio 6.0.1 Release,此时最新版是DevEco Studio 6.0.1,若有更新的版本则下载最新版本,DevEco Studio 6.0.1 代表当前版本,DevEco Studio 6.0.1 Release代表
一、基础环境搭建
1.1 DevEco Studio安装、
1.1.1进入网站下载及下载操作
先打开任意浏览器,这里我就以edge为例,打开浏览器,输入HUAWEI DevEco Studio的下载地址最新版本 - 下载中心 - 华为开发者联盟,点击链接可以跳转,此时可以看到https://developer.huawei.com/consumer/cn/download/

进入页面之后此处可以看到DevEco Studio 6.0.1 Release,此时最新版是DevEco Studio 6.0.1,若有更新的版本则下载最新版本,DevEco Studio 6.0.1 代表当前版本,DevEco Studio 6.0.1 Release代表正式版本,若还有DevEco Studio 6.0.1 Beta3代表一个正在测试版本的第三个版本。Beta3可以体验到更多新功能,Release更稳定,推荐使用Release版本,此处我选择DevEco Studio 6.0.1 Release正式版本,注意要根据自己的电脑系统进行选择,因为我的电脑是windows系统所以我选择windows进行下载,根据以下图片步骤进行操作。

建议把压缩包下载到系统盘C盘以外的其它盘,我是下载到D盘中

1.1.2下载完成进行安装操作
点击解压到当前文件夹

解压完后会出现下面图标中exe安装软件的windos可执行文件,双击以下图标中exe文件

点击下一步

安装目录建议选择系统盘C盘意外的其它盘此处我选的是D盘,点击浏览则可以选择其它安装目录

安装选项全部勾选,点击下一步

然后点击安装

安装完成之后勾否,我会在之后重启,点击完成

1.1.3安装完成后修改windows功能
点击搜索栏输入启动或关闭windows功能,点击打开

勾选下图红色框中三个文件夹


勾选完后页面情况


然后点击确认则修改完成
1.1.4修改完windows功能后启动DevEco Studio进行操作
重启电脑后,打开桌面安装好的DevEco Studio

选第二个,点击ok

选Diagnose查看,若前四个都有绿色勾则正常

点击 project,再点击create project
选下图红色框内选项
更改安装路径然后点击finish

进入这个页面

进入这个页面后根据下面步骤点击红色框内的选项


此处选择最新的

点击下面图标进行下载
![]()
点击accept然后点击next

等待下载完成

下载完成后点击finish

这个页面点击next
这个页面点击finish

点击提示框中ok

点击红色框中按钮
启动完成后
回到这个页面点击就红色框内按钮

手机中出现hello world则基础环境搭建完成
1.2 Git安装
因为我之前已经装过了,所以不用再重复安装。大家可以参考这个大佬的文章,很详细:【2025最新】下载安装 Git 详细教程 (Windows)-CSDN博客
1.3 Java JDK17下载安装
因为我之前已经装过了,所以也不用再重复安装。JDK也是必须要安装的,不然可能会导致失败(注意:JDK8或者JDK11,也可能导致失败,因为JDK17更新的内容比较多,旧的可能没有。),可以点击下方链接查看教程
二、Flutter鸿蒙环境搭建
2.1安装OpenHarmony SDK
此处我是已经安装完sdk了,若没安装应该要先点击Edit,把默认的安装路径从系统盘C盘更换到其它非系统盘,然后点及最新API version勾选红色框中四个选项

2.2安装安装ArkUI-x
这里我已经下载玩了,若没下载也是需要先点击Edit将默认安装路径从系统盘C盘换到别的非系统盘中,然后勾选API version20点击ok

2.3配置鸿蒙SDK环境变量
需要配置五个环境变量,后面这个路径是一样的DevEco Studio\sdk\default\openharmony\toolchains但是前面的路径是刚刚自己选择安装DevEco Studio的目录
D:\DevEco\app\DevEco Studio\sdk\default\openharmony\toolchains
D:\DevEco\app\DevEco Studio\tools\ohpm\bin
D:\DevEco\app\DevEco Studio\tools\node
D:\DevEco\app\DevEco Studio\tools\hvigor\bin
DEVECO_SDK_HOME
2.3.1 toolchains系统环境变量配置
在自己电脑上找到toolchains所存在路径,此处以我电脑路径为例D:\DevEco\app\DevEco Studio\sdk\default\openharmony\toolchains找到这个路径并复制,根据下面步骤进行操作




2.3.2 ohpm\bin环境变量配置
在自己电脑中找到ohpm\bin所存在路径,此处以我电脑路径为例D:\DevEco\app\DevEco Studio\tools\ohpm\bin复制这个路径完成以下步骤操作
步骤与toolchains系统环境变量配置一致,把最后一步粘贴的路径改为D:\DevEco\app\DevEco Studio\tools\ohpm\bin点击确认即可
2.3.3tools\node环境变量配置
在自己电脑上找到tools\node所存在路径,此处以为电脑D:\DevEco\app\DevEco Studio\tools\node为例
步骤与toolchains系统环境变量配置一致,最后一步将粘贴内容变为D:\DevEco\app\DevEco Studio\tools\node点击确认即可

2.3.4DevEco Studio\tools\hvigor\bin环境变量配置
在自己电脑上找到DevEco Studio\tools\hvigor\bin所存在位置,此处以我电脑D:\DevEco\app\DevEco Studio\tools\hvigor\bin为例,完成以下步骤
步骤与toolchains系统环境变量配置一致,除了最后一步将粘贴内容改为D:\DevEco\app\DevEco Studio\tools\hvigor\bin点击确认即可

2.3.5DEVECO_SDK_HOME环境变量配置
在自己电脑上找到DevEco Studio\sdk所存在目录,以我电脑路径为例复制D:\DevEco\app\DevEco Studio\sdk
根据下面图片步骤完成操作



设置完后点击确定系统变量中出现下面红色框内内容则设置成功,再点击确定

三、下载鸿蒙适配的SDK
3.1配置flutter环境变量
在非系统盘C盘中的其它盘中创建flutter_sdk文件夹,在flutter_sdk文件夹中再创建一个flutter_first文件夹,双击进去flutter_first文件夹在上面路径栏中输CMD
进入到这个界面

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

下载安装成功,如图所示:

在自己电脑上找到flutter_sdk\flutter_first\flutter_flutter\bin所存在的路径,以我电脑为例D:\DevEco\flutter_sdk\flutter_first\flutter_flutter\bin复制这个路径添加到系统变量的Path中
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的输出都是绿色的,就没问题了。



四、运行第一个项目
4.1创建项目
在非系统盘C盘中专门创建一个文件夹保存Flutter鸿蒙项目,我这里创建了一个harmonyos文件夹,在文件路径中输入cmd,然后执行以下命令"flutter create --platforms ohos <projectName>"。
成功后会如下图所示

在创建的项目路径D:\DevEco\flutter_sdk\harmonyos\flutter_harmonyos下,输入powershell然后点击Enter,输入"flutter build app --release"进行构建

构建成功如下图所示:

4.2运行项目
构建成功之后




等待下面这个界面启动成功

返回到下面这个界面点击红色框内按钮

运行成功

更多推荐



所有评论(0)