鸿蒙版 Flutter 环境配置 Windows 版本

下载鸿蒙版 flutter(3.22.1 版本)

项目地址:

通过代码工具下载仓库代码并指定 3.22.0-ohos 分支。

代码语言:javascript代码运行次数:0运行复制
git clone 
git checkout -b 3.22.0-ohos origin/3.22.0-ohos

下载下来之后就可以配置开发环境啦。

下载 IDE,以 5.0.4 为例

/

image-20250416221555087

image-20250416221555087

配置用户变量

代码语言:javascript代码运行次数:0运行复制
FLUTTER_STORAGE_BASE_URL=

PUB_HOSTED_URL=
#根据你的路径来
DEVECO_SDK_HOME=C:\Program Files\Huawei\DevEco Studio\sdk

JAVA_HOME=C:\Program Files\Huawei\DevEco Studio\jbr

配置环境变量

编辑 PATH,添加以下路径

代码语言:javascript代码运行次数:0运行复制
#根据你的路径来
C:\Program Files\Huawei\DevEco Studio\tools\ohpm\bin
#根据你的路径来
C:\Program Files\Huawei\DevEco Studio\tools\hvigor\bin
#根据你的路径来
C:\Program Files\Huawei\DevEco Studio\tools\node
#根据你的路径来
C:\Program Files\Huawei\DevEco Studio\jbr\bin
#根据你的路径来
D:\flutter\bin

构建步骤

运行 flutter doctor -v 检查环境变量配置是否正确,FutterOpenHarmony应都为 ok 标识,若两处提示缺少环境,按提示补上相应环境即可。

image-20250416221736823

image-20250416221736823

image-20250416221720275

image-20250416221720275

在命令行中,运行 ohpm -v, hvigorw -v, node -v 查看是否能使用,确保各个依赖的工具,其 PATH 配置正确。

使用 echo %DEVECO_SDK_HOME%, echo %JAVA_HOME% 等检查用户变量是否生效。

另外,需要注意的是,优先添加用户环境变量,如果是系统环境变量,可能需要注销登录或者重启系统,否则配置可能不生效。

已兼容 OpenHarmony 开发的指令列表

指令名称

指令描述

使用说明

doctor

环境检测

flutter doctor

config

环境配置

flutter config --

create

创建新项目

flutter create --platforms ohos,android,ios --org

create

创建 module 模板

flutter create -t module <module_name>

create

创建 plugin 模板

flutter create -t plugin --platforms ohos,android,ios <plugin_name>

create

创建 plugin_ffi 模板

flutter create -t plugin_ffi --platforms ohos,android,ios <plugin_name>

devices

已连接设备查找

flutter devices

install

应用安装

flutter install -t<hap 文件路径>

assemble

资源打包

flutter assemble

build

测试应用构建

flutter build hap --debug [--target-platform ohos-arm64][--local-engine=<兼容ohos的debug engine产物路径>]

build

正式应用构建

flutter build hap --release [--target-platform ohos-arm64][--local-engine=<兼容ohos的release engine产物路径>]

run

应用运行

flutter run [--local-engine=<兼容 ohos 的 engine 产物路径>]

attach

调试模式

flutter attach

screenshot

截屏

flutter screenshot

pub

获取依赖

flutter pub get

clean

清除项目依赖

flutter clean

cache

清除全局缓存数据

flutter pub cache clean

接下来你就可以使用 flutter create my_app 来创建项目啦。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。原始发表:2025-04-17,如有侵权请联系 cloudcommunity@tencent 删除系统windowsflutter变量配置