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中安装模拟器时需要用到开启虚拟化服务的设置 根据弹出的提示一步一步配置即可!

相关推荐
fellow991 小时前
Electron + pnpm 在鸿蒙应用里跑起来
electron·harmonyos·openharmony·deepseek·deepseekharness
熊猫钓鱼>_>3 小时前
从闲置平板到家里的“控制大脑“:鸿蒙智慧中控面板完整实战
运维·人工智能·华为·自动化·电脑·ai编程·harmonyos
500843 小时前
React Native for OpenHarmony 实战:三方库 react-native-url-polyfill 的鸿蒙化适配指南
javascript·react native·react.js·性能优化·electron·harmonyos
传奇开心果编程4 小时前
【现代声明式UI学与练】第9课 性能优化——渲染优化、列表优化、内存优化、启动优化
学习·flutter·react native·ui·性能优化·swiftui·android jetpack
熊猫钓鱼>_>6 小时前
从2D平铺到3D沉浸:我用HarmonyOS 7端侧AI做了一个全程数据不出设备的空间化私密相册
前端·人工智能·3d·华为·华为云·harmonyos·鸿蒙
m0_738185826 小时前
Flutter 鸿蒙化实战:foundation_fluttify 适配 OpenHarmony,Fluttify 桥接层
flutter·华为·harmonyos·鸿蒙
m0_738185826 小时前
Flutter 鸿蒙化实战:http_proxy 适配 OpenHarmony,HTTP 代理
flutter·http·华为·harmonyos·鸿蒙
m0_738185826 小时前
Flutter 鸿蒙化实战:headset_connection_event 适配 OpenHarmony,耳机插拔监听
flutter·华为·harmonyos·鸿蒙
500847 小时前
React Native for OpenHarmony 实战:三方库 react-native-volume-control 的鸿蒙化适配指南
javascript·react native·react.js·electron·harmonyos
李游Leo21 小时前
HarmonyOS 7 DualCart 平行视界适配实录 04:EasyGo × 虚拟容器:商品比价双详情与分栏比例策略【鸿蒙心迹】
华为·harmonyos