鸿蒙Flutter实战:02-Windows环境搭建踩坑指南

田楷
• 阅读 10

鸿蒙Flutter实战:02-Windows环境搭建踩坑指南

环境搭建

1. 下载Flutter SDK,配置环境变量

鸿蒙 Flutter SDK 需要在 Gitee 下载。目前建议下载 dev 分支代码。

需要配置以下用户变量

注意鸿蒙开发需要安装Java和配置相关变量

# flutter sdk 镜像
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
# pub 镜像
PUB_HOSTED_URL=https://pub.flutter-io.cn

DEVECO_SDK_HOME=C:\Program Files\Huawei\DevEco Studio\sdk
# Java SDK
JAVA_HOME=C:\Program Files\Huawei\DevEco Studio\jbr

配置环境变量

编辑 PATH,添加以下路径,鸿蒙开发需要配置ohpm, hvigor及node

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

SDK 下载完成,环境变量配置妥当后,使用 flutter doctor 检查各项是否通过。

在命令行中,运行 ohpm -v, hvigor -v, node -v 查看输出是否正常,确保各个依赖的工具,其 PATH 配置正确。

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

环境变量发生变化时,需要重启命令行工具。

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

2. 为了避免意外情况,将新建项目位置,于SDK使用相同的磁盘,如D盘。

否则可能出现package找不到的情况。

另外,项目目录不要过深,不然会因路径太长导致编译可能失败。

3. VsCode 无法识别设备

用 DevEco 打开项目,待项目分析完成后,Vscode 中的设备应该可以出来了。

点赞
收藏
评论区
推荐文章
小天 小天
9个月前
鸿蒙系统开发
有用的网站鸿蒙官网:鸿蒙系统开发者:华为开发者:在线体验:Gitee:JSAPI:开发环境搭建(DevEcoStudio)DevEcoStudio是面向全场景多设备,提供一站式的分布式应用开发平台下载地址:安装确保有网络环境安装模拟器安装菜单ToolsDe
田楷 田楷
9小时前
鸿蒙Flutter实战:01-搭建开发环境
鸿蒙Flutter实战:01搭建开发环境
田楷 田楷
9小时前
鸿蒙Flutter实战:04-如何使用DevTools调试Webview
鸿蒙Flutter如何使用DevTools调试Webview在《鸿蒙Flutter开发中集成Webview》,介绍了如果在Flutter中集成Webview.本文则为Webview的调试方法。配置WebviewCustomView.ets文件中,在生命周期
田楷 田楷
9小时前
鸿蒙Flutter实战:06-使用ArkTs开发Flutter鸿蒙插件
使用ArkTs开发Flutter鸿蒙平台插件本文讲述如何开发一个Flutter鸿蒙插件,如何实现Flutter与鸿蒙的混合开发,以及双端消息通信。Flutter侧,编写MethodChanneldartconstMethodChannelmethodCha
田楷 田楷
9小时前
鸿蒙Flutter实战:07-混合开发
鸿蒙Flutter实战:混合开发鸿蒙Flutter混合开发主要有两种形式。1.基于har将fluttermodule打包成har包,在原生鸿蒙项目中,以har包的方式引入。其优点是主项目开发者可以不关注Flutter实现,不需要安装配置Flutter开发环
田楷 田楷
9小时前
鸿蒙Flutter实战:08-如何调试代码
鸿蒙Flutter实战:如何调试代码1.环境搭建参考文章搭建好开发环境。IDE安装好DevEco和VsCode/AndroidStudio。2.配置如果是vscode,可以在.vscode/launch.json文件中,增加以下配置json"name":"
田楷 田楷
9小时前
鸿蒙Flutter实战:09-现有Flutter项目支持鸿蒙
鸿蒙Flutter实战:现有Flutter项目支持鸿蒙背景原来使用Flutter开发的项目,需要适配鸿蒙。环境搭建见文章[鸿蒙Flutter适配指南],搭建开发环境,使用fvm管理多版本SDK。模块化原有项目保持模块化,拆分为apps/common/com
田楷 田楷
9小时前
鸿蒙Flutter实战:10-常见问题集合
鸿蒙Flutter实战:10常见问题集合1.学习路径应该是怎样的,需要掌握哪些技术才具备鸿蒙Flutter开发能力1.1学习和掌握Flutter开发技术,这块需要在Flutter社区学历1.2学习鸿蒙基础概念和知识,推荐学习,,,2.MatePad应用适配
田楷 田楷
9小时前
鸿蒙Flutter实战:12-使用模拟器开发调试
鸿蒙Flutter实战:使用模拟器开发调试前提开发电脑需为M系列芯片(ARM架构)的Mac电脑目前Flutter鸿蒙开发,无法使用X86架构的模拟器,只能使用ARM架构的模拟器创建项目等开发环境搭建成功,使用fluttercreate命令创建项目新项目ba
田楷 田楷
9小时前
鸿蒙Taro实战:01-搭建开发环境
鸿蒙Taro实战:01搭建开发环境配置鸿蒙环境下载安装DevEco配置IDE打开Prefreences,OpenHarmonySDK,勾选APIVersion12创建鸿蒙项目打开DevEco,点击右上角CreateProject,在Application处