windows系统实操Flutter鸿蒙环境搭建

一:下载准备的环境(鸿蒙 Flutter Java Node)

一:下载鸿蒙工具

下载鸿蒙开发者工具

https://developer.huawei.com/consumer/cn/deveco-studio/

和命令行工具 (里面有hvigor构建工具)

https://developer.huawei.com/consumer/cn/download/command-line-tools-for-hmos

这两个简单 全程下一步就可以了

二:下载Flutter SDK

PS:别去flutter官网下载,需要去社区下载 这里推荐用gitCode

地址为https://gitcode.com/openharmony-tpc/flutter_flutter

下载以后是免安装版本 我的路径如下

三:下载Java SDK

地址如下https://www.oracle.com/java/technologies/javase/jdk17-archive-downloads.html

找到对应的版本 下载以后默认安装就可以了

四:下载Node.js

https://nodejs.org/zh-cn/download

二:环境变量的配置(配置多的哭,不要错了 错了眼睛都找瞎)

1:path中新增的环境变量

2:额外新增的环境变量

HOS_SDK_HOME C:\Program Files\Huawei\DevEco Studio\sdk

PUB_HOSTED_URL https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn

JAVA-HOME C:\Program Files\Java\jdk-17\bin

DEVECO_SDK_HOME C:\Program Files\Huawei\DevEco Studio\sdk

FLUTTER_GIT_URL https://gitcode.com/openharmony-tpc/flutter_flutter.git

HDC_HOME C:\Program Files\Huawei\DevEco Studio\sdk\default\hms\toolchains

HOST_FLUTTER D:\learnFlutter\flutter_flutter\bin

PUB_CACHE D:\learnFlutter\PUB (PUB文件是新建的)

真的别错了 错了很难改 配置也很多

三:验证

命令行输入:flutter doctor -v

能看到下面环境配置好了

四:创建Flutter项目

flutter create my_app01

未完待续 继续实操了,项目还在下载中

https://developer.huawei.com/consumer/cn/training/classDetail/fd34ff9286174e848d34cde7f512ce22?type=1%3Fha_source%3Dhmosclass&ha_sourceId=89000248

相关推荐
jin12332215 分钟前
React Native鸿蒙跨平台剧本杀组队消息与快捷入口组件,包含消息列表展示、快捷入口管理、快捷操作触发和消息详情预览四大核心功能
javascript·react native·react.js·ecmascript·harmonyos
烬头88212 小时前
React Native鸿蒙跨平台实现二维码联系人APP(QRCodeContactApp)
javascript·react native·react.js·ecmascript·harmonyos
xiaoqi9224 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟4 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_177767374 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233226 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931706 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931707 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930837 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
前端不太难8 小时前
HarmonyOS PC 文档模型完整范式
华为·状态模式·harmonyos