一、前置准备

1.Git 下载与安装

下载地址:https://git-scm.com/install/windows

点击下载并安装:

安装过程不用更改任何选项,安装路径可以看个人习惯更改

2.Java JDK 17下载安装

下载链接:https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html

点击下载并安装:

3.DevEco Studio下载安装

下载地址:https://developer.huawei.com/consumer/cn/download/deveco-studio

下载并安装,安装完需重启

打开设置

下载sdk

4.下载适配鸿蒙的 Flutter SDK

创建空文件夹,如图所示:

输入cmd后回车,运行以下代码:

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

二、环境变量配置

1.打开设置搜索环境变量

2.新建变量

2.1 需要添加以下新变量

变量名 变量值
DEVECO_SDK_HOME 你的DevEco Studio安装路径下的sdk文件夹,如:D:\DevEcoStudio\sdk
FLUTTER_HOME 你的Flutter SDK,如C:\Users\****\Desktop\Harmony\flutter\flutter_flutter
HOS_SDK_HOME 同DEVECO_SDK_HOME
OHOS_SDK_HOME 同DEVECO_SDK_HOME
JAVA_HOME Jave位置,如:D:\Program Files\Java\jdk-17.0.18
PUB_CACHE 缓存地址,任意路径
PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
TOOL_HOME D:\DevEcoStudio

2.2 添加Path路径变量

添加以下路径:

路径 举例
Git安装路径下的cmd文件夹 D:\Program Files\Git\cmd
flutter路径下的bin文 件夹

C:\Users\****\Desktop\Harmony

\flutter\flutter_flutter\bin

DevEco Studio安装路径 D:\DevEcoStudio
OpenHarmony SDK路径下的toolchains文件夹

C:\Users\****\AppData\Local\

OpenHarmony\Sdk\20\toolchains

根据DevEco Studio安装路径自行选择 D:\DevEcoStudio\tools\ohpm\bin
同上 D:\DevEcoStudio\tools\node
同上 D:\DevEcoStudio\tools\hvigor\bin
同上 D:\DevEcoStudio\sdk\default\openharmony\toolchains

 

点击确认,关闭所有窗口后才能生效

三、检查flutter

win+r,输入cmd

1.检查版本

执行:flutter --version

2.诊断环境

执行:flutter doctor -v

四、创建项目

1.创建项目文件夹

打开个人创建的项目文件夹目录,输入cmd,执行:flutter create --platforms ohos 你的项目名

2.进入刚创建的项目文件夹

输入powershell,执行:flutter build app --release

3.打开项目

打开DevEco Studio,打开刚创建的项目

4.安装虚拟机

5.运行虚拟机

6.最终效果展示

Logo

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

更多推荐