Flutter项目支持鸿蒙环境

1、安装HomeBrew

bash 复制代码
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

验证安装

css 复制代码
brew --version

2、安装Git、cocoapods、Dart SDK、JDK

2.1 安装Git

复制代码
brew install git

验证安装

css 复制代码
git --version

2.2 安装cocoapods

复制代码
brew install cocoapods

验证安装

css 复制代码
pod --version

2.3 安装Dart SDK

复制代码
brew install dart-sdk

验证安装

css 复制代码
dart --version

在.zshrc文件中配置环境变量

bash 复制代码
export PATH="$PATH:/opt/homebrew/Cellar/dart-sdk/3.8.3/bin"

2.4 安装 JDK(JAVA运行环境)

IDE需要JDK运行环境的,需要下载配置。下面以Android Studio内置JDK为例

Android Studio -> File -> Project Structure -> Platform Settings -> SDKs -> + -> Download JDK

选择合适的版本并保存JDK home path。

在.zshrc文件中配置环境变量

bash 复制代码
export JAVA_HOME="/Users/eeo/Library/Java/JavaVirtualMachines/ms-17.0.16/Contents/Home"
export PATH="$JAVA_HOME/bin:$PATH"

3、安装FVM

bash 复制代码
brew tap leoafarias/fvm
brew install fvm

验证安装

css 复制代码
fvm --verison

在.zshrc文件中配置环境变量

bash 复制代码
export FVM_CACHE_PATH=/opt/homebrew/Cellar/fvm
export PATH="$PATH:$FVM_CACHE_PATH/3.2.1/bin"

4、下载不同版本的鸿蒙Flutter SDK,修改版本名称并存放到versions目录下

arduino 复制代码
3.22 版本的鸿蒙 flutter sdk 下载地址:https://gitee.com/harmonycommando_flutter/flutter

最终下载的Flutter SDK会在fvm缓存目录下,例如:

bash 复制代码
/opt/homebrew/Cellar/fvm/versions

修改flutter SDK版本名称

bash 复制代码
名字以 "custom_" 开头,最终需要变成这样:
/xx/xx/xx/versions/custom_3.22.1_ohos

5、执行fvm list

如果实现Flutter Version 显示为Need setup , 说明你的 Flutter SDK 目录不是一个完整的 Git 仓库克隆。FVM 和 Flutter 工具依赖于 Git 来管理 SDK 的版本和更新,因此必须确保 SDK 目录是一个完整的 Git 仓库。可通过命令重新生成version文件:./bin/flutter --version > version后重新扫描SDK:./bin/flutter --version > version,执行fvm list命令显示就正常了

6、在Flutter项目中应用对应的dart版本

perl 复制代码
fvm use custom_3.22.1_ohos

7、开发工具安装

Android Studio,配置Android SDK Xcode,配置iOS SDK DevEco Studio

8、检查flutter配置

复制代码
fvm flutter doctor

9、Flutter环境和其他SDK环境变量在.zshrc中的配置

ini 复制代码
export FVM_CACHE_PATH=/opt/homebrew/Cellar/fvm
export PATH="$PATH:$FVM_CACHE_PATH/3.2.1/bin"

export PATH="$HOME/.fvm/default/bin:$PATH"
export PATH="$PATH:/opt/homebrew/Cellar/dart-sdk/3.8.3/bin"
export PATH="$PATH":"$HOME/.pub-cache/bin"
export PATH="$PATH:$HOME/.pub-cache/bin"

#export PATH=$PATH:~/fvm/default/bin
#export PATH=$PATH:~/fvm/default/bin/cache/dart-sdk/bin
#export PATH=$PATH:~/.pub-cache/bin

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#export FLUTTER_GIT_URL=https://gitee.com/harmonycommando_flutter/flutter

export TOOL_HOME=/Applications/DevEco-Studio.app/Contents/
export DEVECO_SDK_HOME=$TOOL_HOME/sdk # command-line-tools/sdk
export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH # command-line-tools/ohpm/bin
export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH # command-line-tools/hvigor/bin
export PATH=$TOOL_HOME/tools/node/bin:$PATH # command-line-tools/tool/node/bin

export ANDROID_HOME=/Users/eeo/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
export PATH=$PATH:/Applications/DevEco-Studio.app/Contents/sdk/default/openharmony/toolchains

export JAVA_HOME="/Users/eeo/Library/Java/JavaVirtualMachines/ms-17.0.16/Contents/Home"
export PATH="$JAVA_HOME/bin:$PATH"
相关推荐
重生之我要当java大帝3 小时前
java微服务-尚医通-管理平台前端搭建-医院设置管理-4
java·开发语言·前端
用户59561957545233 小时前
Vue-i18n踩坑记录
前端
WindrunnerMax3 小时前
从零实现富文本编辑器#8-浏览器输入模式的非受控DOM行为
前端·前端框架·github
我是日安3 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
sjin3 小时前
React源码 - 关键数据结构
前端·react.js
旺仔牛仔QQ糖3 小时前
IntersectionObserver 异步交叉观察器
前端
猪猪拆迁队3 小时前
基于ECS架构的Canvas画布编辑器
前端
不如喫茶去4 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
持梦远方4 小时前
重生之我拿捏Linux——《三、shell脚本使用》
前端·chrome