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"
相关推荐
passerma21 小时前
解决qiankun框架子应用打包后css里的图片加载404失败问题
前端·微前端·qiankun
Aliex_git21 小时前
性能优化 - Vue 日常实践优化
前端·javascript·vue.js·笔记·学习·性能优化
董世昌4121 小时前
添加、删除、替换、插入元素的全方法指南
java·开发语言·前端
qq_3168377521 小时前
Element-Plus el-table lazy 自动更新子列表
前端·vue.js·elementui
林恒smileZAZ21 小时前
Electron 的西天取经
前端·javascript·electron
这就是佬们吗21 小时前
告别 Node.js 版本冲突:NVM 安装与使用全攻略
java·linux·前端·windows·node.js·mac·web
IT_陈寒21 小时前
2024年JavaScript开发者必备的10个ES13新特性实战指南
前端·人工智能·后端
满栀58521 小时前
基于 jQuery 实现商品列表增删改查与数据统计
前端·javascript·jquery
web小白成长日记21 小时前
CSS 作用域隔离实战:React、Vue 与 Styled Components 的三种范式
前端·css·vue.js·react.js
Mr -老鬼21 小时前
Electron 与 Tauri 全方位对比指南(2026版)
前端·javascript·rust·electron·nodejs·tauri