flutter-鸿蒙版 mac vscode harmonyos环境配置

终极效果

• 配置成功， mac和windows仅配置路径不同，方法类似。
  
  
  
  

一、下载flutter鸿蒙分支

flutter鸿蒙版

• 留意:模拟器仅支持mac(arm64)不支持mac(x86)和windows，可支持真机。
  
• 下载到一个自定义文件夹里，下面会用到这个路径，比如/Users/用户名/development/flutter_harmonyos
  

二、配置系统flutter版本

• 我使用了手动设置环境变量切换 Flutter 版本，你也可以使用fvm或者使用vscode来给项目单独配置不同的flutter版本
  

1、查看需要打开的系统环境配置文件

1. echo $SHELL
2. // 如果输出结果为/bin/bash，则执行以下命令，打开.bash_profile文件
3. vi ~/.bash_profile
4. // 如果输出结果为/bin/zsh，则执行以下命令，打开.zshrc文件
5. vi ~/.zshrc

复制代码

2、添加环境配置

• 我这里使用cmd+shift+G打开~/.zshrc，也可以终端使用vi ~/.zshrc
  
• 添加路径如下：
  

2. #1.flutter环境变量（注意export PATH=此地址是在电脑中的flutterSDK安装路径，可能发生改变）
3. export PATH="/Users/用户名/development/flutter_harmonyos/bin:$PATH"
4. #2.flutter镜像地址  
5. #export PUB_HOSTED_URL="https://pub.flutter-io.cn"

复制代码

• 保存配置，终端执行，之后需要重启终端生效
  

1. source ~/.zshrc

复制代码

3、打开vscode的terminal

• 输入
  

1. flutter --version

复制代码

• 输出（会自动更新对应dart版本）
  

1. Flutter 3.22.1-0.0.pre.8 • channel oh-3.22.0 • https://gitee.com/harmonycommando_flutter/flutter
2. Framework • revision 4182fc93cd (31 小时前) • 2024-11-07 02:17:58 +0000
3. Engine • revision f6344b75dc
4. Tools • Dart 3.4.0 • DevTools 2.34.1

复制代码

三、配置harmonyos环境

• 此时，在vscode中输入flutter doctor
  报错如下
  

1、下载鸿蒙开辟工具最新版DevEco 5.0.0 release

• 按照第一步提示下载鸿蒙开辟工具DevEco 5.0.0 release
  
• 这个ide自带了鸿蒙开辟环境，我们接下来要使用这个环境配置
  

2、配置Openharmony环境

• 按照"错误提示图"中的第一步，我们已经下载好了ide，ide中已经包含了OpenHarmony，以是不需要再使用ohosdkmgr再本身去下载openharmony了
  
• 打开deveco的performance，找到openharmon sdk的路径
  
• 即：/User/用户名/Library/OpenHarmony/Sdk
  
  
  - 打开vscode的terminal，按照提示输入
  

1. flutter config --ohos-sdk /User/用户名/Library/OpenHarmony/Sdk  

复制代码

• 此时需要重启vscode生效
  
• 再次打开vscode的terminal，输入flutter doctor
  ，此时已没有openharmony sdk没安装的错误提示了。
  
  
  
  

3、添加ohpm和hvigorw工具的环境配置

• 留意DevEco已经下载了ohpm和hvigorw工具，以是需要找到他们的位置，并在系统中进行配置
  
• 打开DevEco的terminal，输入
  

1. which ohpm

复制代码

1. which hvigorw

复制代码

• 输出(ohpm和hvigorw在mac环境下位于.app包里)
  

• 找到路径后，同样cmd+shift+G打开~/.zshrc，添加配置
  

1. #4.vscode flutter配置openharmony
2. export PATH=$PATH:/Applications/DevEco-Studio.app/Contents/tools/ohpm/bin
3. export PATH=$PATH:/Applications/DevEco-Studio.app/Contents/tools/hvigor/bin

复制代码

• 在vscode的terminal种执行下面下令后，重启vscode的终端生效。
  

1. source ~/.zshrc

复制代码

• 再次在vscode的terminal中执行下面语句，配置成功如图
  

1. flutter doctor

复制代码

Tips:踩坑提示

• 如果按照flutter doctor
  的报错提示，去官方下载ohsdkmgr工具，用ohsdkmgr下载openHarmony来自行配置的话，会有许多错误如下：
  
  
  
  
• 目前使用的deveco5.0是内置了openharmony和一些工具，不需要本身下载
  
• 如果本身去下载tool配置的话
  
  
  
  • 1、实际操作发现sdkmanager最大可下载api9，没办法用最新的api12
    
  • 2、会报错The Java version cannot be less than 17.需要用java17以上版本。
    
  • 3、会报错ohpm需要init
    
  
  
• 以是使用deveco中已经配置好的环境就可以了。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。