一、基础环境搭建

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更新的内容比较多,旧的可能没有。),可以点击下方链接查看教程

https://blog.csdn.net/qq_38196449/article/details/136691960?ops_request_misc=elastic_search_misc&request_id=0c1589a8db82a8cc38c70f1be0bead19&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-136691960-null-null.142^v102^pc_search_result_base5&utm_term=jdk17%E4%B8%8B%E8%BD%BD%E5%AE%89%E8%A3%85&spm=1018.2226.3001.4187

二、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_URLFLUTTER_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运行项目

构建成功之后

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

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

运行成功

Logo

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

更多推荐