flutter_鸿蒙next(win)环境搭建

第一步 拉取鸿蒙版本flutterSDK仓库

仓库地址:OpenHarmony-SIG/flutter_flutter

第二步 找到拉取的仓库中的README.md 并根据说明配置环境

第三步 配置好环境变量之后 用管理员开启cmd

输入:flutter dcotor

并查看此时flutter所支持的系统 包括(鸿蒙,ios,安卓等)若出现红色错号则需要重新检查上面的环境配置 黄色感叹号不用管 (如异常重开cmd窗口再试)

第四步 根据文档中的鸿蒙IDEA下载连接下载开发者工具

注意:下载next最新公测版本

第五步 在IDEA中下载鸿蒙next需要的SDK版本(目前仅有10、11、12)任意一个即可

1.随便创建一个项目进入开发者工具

2.在设置里找到SDK配置位置 Edit下载鸿蒙next的SDK并配置(记好SDK的下载位置)

第六步 配置win用户的flutter鸿蒙版本的用户缓存

方法一:

开启管理员权限的cmd,输入:flutter config --ohos-sdk=你的鸿蒙sdk路径

方法二:

win路径:C:\Users\lqj\AppData\Roaming

编辑该文件,路径是刚才在IDEA中下载的SDK位置

重新运行 flutter dcotor

第七步 使用脚手架创建flutter_鸿蒙项目

1.flutter create --platforms ohos,android,ios,web --org com.flutterTest0001 learn_flutter_001

后面两个是创建的包名和项目名称

2.将创建的项目的ohos单独的鸿蒙包拿到鸿蒙的idea中运行 整个项目在AS安卓开发者工具中运行

3.在ohos包编译时输入 flutter build hap --release编译完成后 发现@ohos/flutter_ohos库已经找到了

第八步 配置AS

在AS安卓开发者工具中将dart和flutter的sdk都修改为拉取的flutter鸿蒙版本中的sdk

将该项目运行在安卓上时需要gradle

修改镜像源

复制代码
https://mirrors.cloud.tencent.com/gradle/gradle-7.5-all.zip
复制代码
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/nexus/content/groups/public' }

因为目前flutter鸿蒙版本还不支持使用鸿蒙模拟器 所以老铁们需要自己申请一个云上真机调试

地址:文档中心

但是运行在安卓模拟器上时可以的

在鸿蒙的IEDA中安装模拟器时需要用到开启虚拟化服务的设置 根据弹出的提示一步一步配置即可!

相关推荐
程序猿追1 小时前
【鸿蒙PC桌面端实战】从零构建 ArkTS 高性能图像展示器:DevEco Studio 调试与 HDC 命令行验证全流程
华为·harmonyos
前端世界2 小时前
设备找不到、Ability 启不动?一次讲清 DevEco Studio 调试鸿蒙分布式应用
华为·harmonyos
LawrenceLan3 小时前
Flutter 零基础入门(九):构造函数、命名构造函数与 this 关键字
开发语言·flutter·dart
一豆羹3 小时前
macOS 环境下 ADB 无线调试连接失败、Protocol Fault 及端口占用的深度排查
flutter
行者963 小时前
OpenHarmony上Flutter粒子效果组件的深度适配与实践
flutter·交互·harmonyos·鸿蒙
小溪彼岸3 小时前
uni-app小白从0开发一款鸿蒙Next应用到上线
uni-app·harmonyos
asing3 小时前
🤯 为什么我的收银台在鸿蒙系统“第一次返回”死活拦不住?一次差点背锅的排查实录
前端·harmonyos
Van_captain5 小时前
rn_for_openharmony常用组件_Breadcrumb面包屑
javascript·开源·harmonyos
御承扬5 小时前
鸿蒙原生系列之动画效果(帧动画)
c++·harmonyos·动画效果·ndk ui·鸿蒙原生
Van_Moonlight6 小时前
RN for OpenHarmony 实战 TodoList 项目:渐变背景色
javascript·开源·harmonyos