flutter官网：https://docs.flutter.cn/get-started/fundamentals/dart

开发工具

Visual Studio Code 1.77 或更高版本使用 Flutter extension for VS Code。

Android Studio 2023.3.1 (Jellyfish) 或更高版本使用 Flutter plugin for IntelliJ。

IntelliJ IDEA 2023.3 或更高版本使用 Flutter plugin for IntelliJ 和 Android plugin for IntelliJ。

更多Android Studio：https://www.androiddevtools.cn/android-studio.html

flutter SDK：https://docs.flutter.cn/release/archive（官方的sdk版本不支持鸿蒙开发）

flutter SDK（支持鸿蒙）：https://gitee.com/harmonycommando_flutter/flutter

flutter SDK新版（支持鸿蒙）：https://gitcode.com/openharmony-tpc/flutter_flutter.git

首先下载flutter SDK

进入finder -> 前往->前往文件夹，输入~/Library进入资源库目录，新建一个文件夹名为development

成功后的目录如图所示

这里我以集成自持鸿蒙版本SDK的为例（这里要通过git方式下载，如果直接通过压缩包方式下载会报错，如果是官网可以通过下载压缩包，让后将压缩包解压后放入development目录）

1、打开控制台进入到development目录（如：cd /Users/apple/Library/development ）

2、控制台输入git clone https://gitee.com/harmonycommando_flutter/flutter.git

3、等待下载完成

配置flutter SDK 环境变量

1、打开终端，编辑~/.bash_profile或~/.zshrc

输入 nano ~/.zshrc命令或者open ~/.zshrc

2、在.zshrc文件中添加路径export PATH="$PATH:`flutter sdk路径`/bin"

如：export PATH="$PATH:/Users/apple/Library/development/flutter/bin"

注意这里:/Users/apple/Library/development/是你电脑的路径，例子中的apple是我电脑的用户名，你的使用你自己的

3、按 Ctrl + O，然后按 Enter 保存

4、按 Ctrl + X 退出

5、控制台输入命令source ~/.zshrc，更新配置

6、检测flutter环境：flutter doctor

检测flutter环境

有些时候下载完flutter以后环境并没有下载完全

使用控制台cd到flutter下载目录如：cd /Users/apple/Library/development/flutter

执行

flutter --version

如果flutter环境有缺失这里会自动下载，如果完成后会输出flutter版本和安装时间

如果fluter跑安卓项目失败，配置失效请重新加载二进制文件

flutter precache

配置iOS、安卓环境、鸿蒙环境

如果你是第一次安装，没有安装过xcode和安卓环境、鸿蒙环境这三个环境会报错

接下来我们说在这三个环境配置

一、xcode安装比较简单

1、进入appstore，搜索下载Xcode安装

2、请运行以下命令，来配置命令行工具使用已安装的 Xcode 版本

sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'

3、签署 Xcode 许可证协议

sudo xcodebuild -license

4、安装CocoaPods，使用控制台安装，这个网上有很多教程可以看一看

CocoaPods是使用Xcode开发是用户管理第三代的工具

二、安卓Android Studio

1、进入https://www.androiddevtools.cn/android-studio.html，下载新版的安卓工具并安装

2、打开工具后会提示下载Android SDK，如果没有提示打开软件后进入如下目录

选择all setting后选择Android SDK版本并下载，一定要记住这里的Android SDK Location路径后面配置环境会用到

同时下载完Android Studio后工具本身会包含JDK，这里我们需要找到工具自带JDK的路径（当然也可以自己下载Open JDK重新设置目录）

1、应用程序中选中Android Studio后右键选择显示包内容

进入contents文件夹

进入contents -> jbr -> contents 可以看到如下文件

获取这个Home文件夹的目录就是Android Studio自带的JDK的目录

2、在~/.zshrc文件中编辑JDK和Android SDK的路径

输入nano ~/.zshrc命令

3、在.zshrc文件中添加路径

export ANDROID_HOME=/Users/apple/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/emulator

export PATH=$PATH:$ANDROID_HOME/tools

export PATH=$PATH:$ANDROID_HOME/tools/bin

export PATH=$PATH:$ANDROID_HOME/platform-tools

#jdk

JAVA_HOME="/Applications/Android\ Studio.app/Contents/jbr/Contents/Home"

export JAVA_HOME

CLASS_PATH="$JAVA_HOME/lib"

PATH=".$PATH:$JAVA_HOME/bin"

注意这里:/Users/apple/Library/development/是你电脑的路径，例子中的apple是我电脑的用户名，你的使用你自己的

3、按 Ctrl + O，然后按 Enter 保存

4、按 Ctrl + X 退出

5、控制台输入命令source ~/.zshrc，更新配置

三、配置鸿蒙环境

1、去鸿蒙官网下载开发工具DevEco-Studio

2、用程序中选中DevEco-Studio后右键选择显示包内容进入contents

3、获取contents文件夹的路径

4、将路径添加到 ~/.zshrc文件

export TOOL_HOME=/Applications/DevEco-Studio.app/Contents

export DEVECO_SDK_HOME=$TOOL_HOME/sdk

export PATH=$TOOL_HOME/tools/ohpm/bin:$PATH

export PATH=$TOOL_HOME/tools/hvigor/bin:$PATH

export PATH=$TOOL_HOME/tools/node/bin:$PATH

5、按 Ctrl + O，然后按 Enter 保存

6、按 Ctrl + X 退出

7、控制台输入命令source ~/.zshrc，更新配置

以上都完成后运行flutter doctor就OK了

[✓] HarmonyOS toolchain - develop for HarmonyOS devices

[!] Android toolchain - develop for Android devices (Android SDK version 35.0.1)

! Some Android licenses not accepted. To resolve this, run: flutter doctor

--android-licenses

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)

[✓] Android Studio (version 2024.1)

更新flutter sdk

1、进入sdk安装目录（cd /Users/apple/Library/development）

2、控制台执行命令 git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git （我这里使用分支oh-3.27.4-dev）

3、下载完成后修改配置环境

输入 nano ~/.zshrc命令或者open ~/.zshrc

修改flutter路径，如：export PATH="$PATH:/Users/apple/Library/development/flutter_flutter/bin"

执行 source ~/.zshrc，更新配置

4、检测flutter版本（cd /Users/apple/Library/development/flutter_flutter/bin）./flutter --version

5、修改开发工具（Android Studio）的flutter sdk路径

苹果电脑flutter环境配置