一、配置鸿蒙环境

1. 下载鸿蒙开发工具和 SDK

鸿蒙开发工具和 SDK 下载官网

我们在官网选择 DevEco Studio 进行下载，安装时无脑进行 next 即可。由于我已经安装了鸿蒙环境，这里就不再展示。

2. 配置鸿蒙环境

开发工具下载完毕后，我们需要配置环境。

// 编辑配置文件
vim ~/.zshrc

export HM_TOOL_HOME=你的 DevEco-Studio 安装路径/Contents
export DEVECO_SDK_HOME=$HM_TOOL_HOME/sdk
export OHPM_HOME=$HM_TOOL_HOME/tools/ohpm/bin
export HVIGOR_HOME=$HM_TOOL_HOME/tools/hvigor/bin

// 将路径配置到 PATH 路径下
export PATH="$PATH:$HM_TOOL_HOME:$DEVECO_SDK_HOME:$OHPM_HOME:$HVIGOR_HOME"

// 应用配置
source ~/.zshrc

二、flutter 环境

1. flutter SDK 下载

首先需要下载对 OpenHarmony 平台兼容的 flutter SDK 扩展：下载地址

git clone https://gitcode.com/openharmony-tpc/flutter_flutter
Cloning into 'flutter_flutter'...
warning: redirecting to https://gitcode.com/openharmony-tpc/flutter_flutter.git/
remote: Enumerating objects: 1008374, done.
remote: Counting objects: 100% (15291/15291), done.
remote: Compressing objects: 100% (944/944), done.
remote: Total 1008374 (delta 14811), reused 14337 (delta 14337), pack-reused 993083 (from 1)
Receiving objects: 100% (1008374/1008374), 1.80 GiB | 1.09 MiB/s, done.
Resolving deltas: 100% (712278/712278), done.

下载成功后，进行环境配置，打开

// 编辑配置文件
vim ~/.zshrc

// 配置 flutter SDK 路径，注意要配置到 bin 目录下。
export FLUTTER_HOME=你本地的flutterSDK路径/bin

// 其他配置
// 下面两个配置用于配置 flutter 镜像，可以加速三方库的下载。
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

// 将路径配置到 PATH 路径下
export PATH="$PATH:$FLUTTER_HOME:$PUB_HOSTED_URL:$FLUTTER_STORAGE_BASE_URL"

// 应用配置
source ~/.zshrc

上述步骤完成后，我们就可以在任何位置使用 flutter 命令了。注意：flutter doctor -v命令不但会显示 flutter SDK 版本，同时还会检查本地的开发环境。例如：Android 开发环境、iOS 开发环境、Java 环境、鸿蒙环境等。如果 Android、iOS 环境报错，可以忽略，因为我们重点关注的是鸿蒙。

// 验证 flutter 环境是否配置成功
flutter doctor -v

2. 创建并运行 flutter for 鸿蒙项目

2.1. 创建项目

执行命令：flutter create --platforms ohos example，如果成功，会输出如下内容。

2.2. 运行项目

首先我们打开 DevEco-Studio，在如图所示地方打开鸿蒙模拟器。

由于我已经提前配置好了模拟器，所以点击绿色箭头就可以直接启动模拟器了。接着执行提示的命令：cd example，然后执行flutter run

如图，提示使用 DevEco-Studio 打开项目。我们打开 DevEco-Studio，然后在菜单栏选择 File -> Open，然后选择 flutter 项目下的 ohos 工程。打开后，注意勾选自动签名。

然后点击 apply，再点击 OK，然后运行项目。

遇到的问题

1. flutter 环境检查不通过问题

如图所示，执行后遇到两个问题，可以仔细查看下面的错误提示。

1. 第一个问题是警告，这是正常的，因为使用的是鸿蒙定制版本，我们可以忽略。
2. 第二个问题：鸿蒙的环境配置问题

根据提示，ohpm 和 hvigorw 环境配置有问题，可以查看2配置鸿蒙环境。我遇到的问题是 ohpm 和 hvigorw 的路径配置错误，修改正确后即可。

export OHPM_HOME=你的 DevEco-Studio 安装路径/Contents/tools/ohpm/bin
export HVIGOR_HOME=你的 DevEco-Studio 安装路径/Contents/tools/hvigor/bin

// 添加到 PATH 环境
export PATH="$PATH:$FLUTTER_HOME:$PUB_HOSTED_URL:$FLUTTER_STORAGE_BASE_URL:$OHPM_HOME:$HVIGOR_HOME"

// 编辑完成后执行如下命令，让配置生效
source ~/.zshrc

// 然后再执行如下命令，查看是否正常
flutter doctor -v

参考文章：https://gitcode.com/openharmony-tpc/flutter_flutter