开始在 macOS 上构建 Flutter 原生桌面应用程序

内容

验证系统要求
- 硬件要求
- 软件要求
安装 Flutter SDK
配置 iOS 开发
- 配置 Xcode
- 安装 CocoaPods
检查您的开发设置
- 运行 Flutter doctor
- 解决 Flutter doctor 问题
使用 Flutter 开始开发 macOS 桌面应用程序
管理您的 Flutter SDK

验证系统要求

要安装和运行 Flutter，您的 macOS 环境必须满足以下硬件和软件要求。

硬件要求

您的 macOS Flutter 开发环境必须满足以下最低硬件要求。

要求	最低	建议
CPU 内核	4	8
内存（GB）	8	16
显示分辨率（像素）	WXGA (1366 x 768)	FHD (1920 x 1080)
可用磁盘空间（GB）	36.0	56.0

软件要求

要为桌面编写和编译 Flutter 代码，请安装以下软件包。

操作系统

Flutter 支持 macOS 10.15 (Catalina) 或更高版本。本指南假定您的 Mac 将 zsh 作为默认 shell 运行。

要验证您的 shell 配置，请展开此部分

与大多数类 UNIX 操作系统一样，macOS 可以支持多个 shell，例如 bash、zsh 和 sh。自 2019 年 10 月发布的 macOS Catalina（macOS 10.15）起，Zsh 或 zsh 是 macOS 的默认 shell。

检查并设置 `zsh` 为默认 shell

要验证 zsh 是否已设置为 macOS 默认 shell，请运行目录服务命令行实用程序。
```
 $ dscl . -read ~/ UserShell
```
应打印以下内容作为其响应。
```
 UserShell: /bin/zsh
```
您可以跳过剩余步骤。
如果您需要安装 zsh，请按照此 Wiki 中的过程进行操作。
如果您需要将默认 shell 更改为 zsh，请运行 chsh 命令。
```
 $ chsh -s `which zsh`
```

要详细了解 macOS 和 zsh，请查看 macOS 文档中的在 Mac 上使用 zsh 作为默认 shell。

某些 Flutter 组件需要在运行 Apple 芯片的 Mac 上进行 Rosetta 2 转换过程。要在 Apple 芯片上运行所有 Flutter 组件，请安装 Rosetta 2。

$ sudo softwareupdate --install-rosetta --agree-to-license

开发工具

下载并安装以下软件包。

Xcode 15，用于调试和编译原生 Swift 或 ObjectiveC 代码。Xcode 安装包括 Git 2.27 或更高版本，用于管理源代码。
CocoaPods 1.13，用于编译原生应用中的 Flutter 插件。

上述软件的开发人员为这些产品提供支持。要解决安装问题，请查阅该产品的文档。

当您运行当前版本的 flutter doctor 时，它可能会列出其中一个软件包的不同版本。如果出现这种情况，请安装它推荐的版本。

文本编辑器或集成开发环境

您可以使用任何文本编辑器或集成开发环境 (IDE) 结合 Flutter 的命令行工具来构建应用。

使用带有 Flutter 扩展或插件的 IDE 可提供代码补全、语法高亮、小部件编辑辅助、调试和其他功能。

热门选项包括

Visual Studio Code 1.77 或更高版本，并带有 VS Code 的 Flutter 扩展。
Android Studio 2023.1（Hedgehog）或更高版本，并带有 IntelliJ 的 Flutter 插件。
IntelliJ IDEA 2023.1 或更高版本，并带有 IntelliJ 的 Flutter 插件和 IntelliJ 的 Android 插件。

安装 Flutter SDK

要安装 Flutter SDK，你可以使用 VS Code Flutter 扩展或自行下载并安装 Flutter 捆绑包。

使用 VS Code 安装
下载并安装

使用 VS Code 安装 Flutter

要使用这些说明安装 Flutter，请验证你已安装 Visual Studio Code 1.77 或更高版本和 VS Code 的 Flutter 扩展。

提示 VS Code 安装 Flutter

启动 VS Code。
要打开命令面板，请按 Command + Shift + P。
在命令面板中，键入 flutter。
选择Flutter：新建项目。
VS Code 会提示你找到计算机上的 Flutter SDK。
1. 如果你已安装 Flutter SDK，请单击找到 SDK。
2. 如果你尚未安装 Flutter SDK，请单击下载 SDK。
  
  如果你尚未按照开发工具先决条件中的指示安装 Git，此选项会将你发送到 Flutter 安装页面。
当提示哪个 Flutter 模板？时，请忽略它。按 Esc。你可以在检查开发设置后创建测试项目。

下载 Flutter SDK

当为 Flutter SDK 选择文件夹对话框显示时，选择你希望安装 Flutter 的位置。

VS Code 会将你置于用户个人资料中以开始。选择其他位置。

考虑 ~/development/
单击克隆 Flutter。

在下载 Flutter 时，VS Code 会显示此弹出通知
```
Downloading the Flutter SDK. This may take a few minutes.
```
此下载需要几分钟。如果您怀疑下载已挂起，请单击取消，然后重新开始安装。

下载完 Flutter 后，将显示输出面板。

Checking Dart SDK version...
Downloading Dart SDK from the Flutter engine ...
Expanding downloaded archive...

成功后，VS Code 将显示此弹出通知

Initializing the Flutter SDK. This may take a few minutes.

初始化时，输出面板将显示以下内容

Building flutter tool...
Running pub upgrade...
Resolving dependencies...
Got dependencies.
Downloading Material fonts...
Downloading Gradle Wrapper...
Downloading package sky_engine...
Downloading flutter_patched_sdk tools...
Downloading flutter_patched_sdk_product tools...
Downloading windows-x64 tools...
Downloading windows-x64/font-subset tools...

此过程还会运行 flutter doctor -v。在过程的此步骤中，请忽略此输出。Flutter Doctor 可能会显示不适用于此快速入门指南的错误。

Flutter 安装成功后，VS Code 将显示此弹出通知

Do you want to add the Flutter SDK to PATH so it's accessible
in external terminals?

VS Code 可能会显示 Google Analytics 通知。

如果您同意，请单击确定。
要在所有终端窗口中启用 flutter
1. 关闭所有终端窗口，然后重新打开。
2. 重新启动 VS Code。

下载并安装 Flutter

要安装 Flutter，请从其存档中下载 Flutter SDK 捆绑包，将捆绑包移动到您希望存储的位置，然后解压 SDK。

下载以下安装捆绑包以获取 Flutter SDK 的最新稳定版本。

英特尔处理器		苹果硅
(正在加载…)		(正在加载…)

对于其他发布渠道和较旧版本，请查看 SDK 存档。

Flutter SDK 应下载到 macOS 默认下载目录：~/Downloads/。

创建一个可以安装 Flutter 的文件夹。

考虑在 ~/development/ 中创建一个目录。
将 zip 文件解压到您希望存储 Flutter SDK 的目录中。
```
$ unzip ~/Downloads/flutter_sdk_v1.0.0.zip -d ~/development/
```
完成后，Flutter SDK 应位于 ~/development/flutter 目录中。

将 Flutter 添加到您的 `PATH`

要在终端中运行 Flutter 命令，请将 Flutter 添加到 PATH 环境变量。本指南假定您的 Mac 运行最新的默认 shell，zsh。Zsh 使用 .zshenv 文件作为环境变量。

启动您首选的文本编辑器。
如果存在，请在文本编辑器中打开 Zsh 环境变量文件 ~/.zshenv。如果不存在，请创建 ~/.zshenv。
复制以下行并将其粘贴到 ~/.zshenv 文件的末尾。
```
export PATH=$HOME/development/flutter/bin:$PATH
```
保存您的 ~/.zshenv 文件。
要应用此更改，请重新启动所有打开的终端会话。

如果你使用其他 shell，请查看这个关于设置 PATH 的教程。

配置 iOS 开发

配置 Xcode

要为桌面开发 Flutter 应用，请安装 Xcode 以编译为本机字节码。

要配置命令行工具以使用已安装的 Xcode 版本，请运行以下命令。
```
 $ sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'
```
要使用最新版本的 Xcode，请使用此路径。如果你需要使用其他版本，请指定该路径。
签署 Xcode 许可协议。
```
 $ sudo xcodebuild -license
```

尝试使用当前版本的 Xcode。

安装 CocoaPods

如果你的应用依赖于带有本机桌面代码的 Flutter 插件，请安装 CocoaPods。此程序捆绑了 Flutter 和桌面代码中的各种依赖项。

要安装和设置 CocoaPods，请运行以下命令

按照 CocoaPods 安装指南安装 cocoapods。
```
$ sudo gem install cocoapods
```
启动您首选的文本编辑器。
在文本编辑器中打开 Zsh 环境变量文件 ~/.zshenv。
复制以下行并将其粘贴到 ~/.zshenv 文件的末尾。
```
export PATH=$HOME/.gem/bin:$PATH
```
保存您的 ~/.zshenv 文件。
要应用此更改，请重新启动所有打开的终端会话。

检查你的开发设置

help 帮助

运行 Flutter doctor

flutter doctor 命令验证 macOS 完整 Flutter 开发环境的所有组件。

打开你的终端。
要验证你对所有组件的安装，请运行以下命令。
```
$ flutter doctor
```

由于你选择为桌面开发，因此你不需要所有组件。如果你按照本指南进行操作，你的命令结果应类似于

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, on macOS 14.4.0 23E214 darwin-arm64, locale en)
[!] Android toolchain - develop for Android devices
[!] Chrome - develop for the web
[✓] Xcode - develop for iOS and macOS (Xcode 15)
[!] Android Studio (not installed)
[✓] VS Code (version 1.86)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 3 categories.

解决 Flutter doctor 问题

当 flutter doctor 命令返回错误时，可能是由于 Flutter、VS Code、Xcode、连接的设备或网络资源。

如果 flutter doctor 命令针对任何这些组件返回错误，请使用详细标志再次运行它。

$ flutter doctor -v

检查输出，了解您可能需要安装的其他软件或需要执行的其他任务。

如果您更改了 Flutter SDK 或其相关组件的配置，请再次运行 flutter doctor 以验证安装。

使用 Flutter 开始开发 macOS 桌面应用

恭喜！现在您已经安装了所有先决条件和 Flutter SDK，您应该可以开始为 macOS 桌面开发 Flutter 应用了。

管理您的 Flutter SDK

要了解有关管理 Flutter SDK 安装的更多信息，请参阅以下资源。