Flutter 安装和环境配置之macOS

Updated on in Flutter相关文档 with 831 views

在 macOS 上安装和配置 Flutter 开发环境

系统配置要求

System requirements

想要安装并运行 Flutter,你的开发环境需要最低满足以下要求:

  • 操作系统 :macOS
  • 磁盘空间 :2.8 GB(不包含 IDE 或其余工具所需要的磁盘空间)
  • 工具 :Flutter 使用 git 进行安装和升级,我们建议您安装包含了 git 的 Xcode,或者您也可以 单独安装 git

重点提醒

如果您要在装有最新 Apple M1 处理器 的 Mac 上安装, 这些补充说明 可能对您很有用,我们已经开始支持新的 Apple Silicon 架构。

获取 Flutter SDK

  1. 下载以下安装包来获取最新的 stable Flutter SDK:
    flutter_macos_2.8.1-stable.zip
    想要获取到其他版本的安装包,请参阅 SDK 版本列表 页面。

  2. 将文件解压到目标路径, 比如:
    content_copy

    $ cd ~/development
    $ unzip ~/Downloads/flutter_macos_2.8.1-stable.zip
    
  3. 配置 flutter 的 PATH 环境变量:
    content_copy

    $ export PATH="$PATH:`pwd`/flutter/bin"
    

    这个命令配置了 PATH 环境变量,且只会在你 当前 命令行窗口中生效。如果想让它永久生效,请查看 更新 PATH 环境变量

现在你可以愉快地运行 Flutter 的命令行啦!

提示

如果想要升级当前的 Flutter 版本,可以查看 升级 Flutter

运行 flutter doctor 命令

通过运行以下命令来查看当前环境是否需要安装其他的依赖(如果想查看更详细的输出,增加一个 -v 参数即可):

content_copy

$ flutter doctor

这个命令会检查你当前的配置环境,并在命令行窗口中生成一份报告。安装 Flutter 会附带安装 Dart SDK,所以不需要再对 Dart 进行单独安装。你需要仔细阅读上述命令生成的报告,看看别漏了一些需要安装的依赖,或者需要之后执行的命令(这个会以 加粗的文本 显示出来)。

比如你可能会看到下面这样的输出:

content_copy

[-] Android toolchain - develop for Android devices
    • Android SDK at /Users/obiwan/Library/Android/sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.

之后的部分会向你描述如果执行这些命令来完成整体的配置过程。

Once you have installed any missing dependencies, run the flutter doctor command again to verify that you’ve set everything up correctly.

直接从 Github 上(而不是归档)下载

该建议仅适用于高级用例

你也可以不从归档,而是用 Git 直接下载。例如,可以运行下方的命令,以下载稳定分支的 SDK:

content_copy

$ git clone https://github.com/flutter/flutter.git -b stable

更新环境变量,并运行 flutter doctor。这个命令将会告诉你,是否还缺少运行 Flutter 所需要安装的其他依赖项(例如 Android SDK)。

如果你不使用归档,Flutter 将会下载必要的开发二进制文件(如果你使用的归档,那么这些文件已经包含在内了)。你也许会想要提前下载这些开发二进制文件(例如,您可能希望设置系统构建环境,或是您的网络可用性不佳)。那么你可以运行以下命令:

content_copy

$ flutter precache

更多额外下载选项,请参阅 flutter help precache

请注意 The Flutter tool may occasionally download resources from Google servers. By downloading or using the Flutter SDK you agree to the Google Terms of Service.

Flutter 工具可能会偶尔从 Google 的服务器上下载资源,下载了或使用 Flutter SDK 代表您同意了 Google 服务条款

举个例子,当开发者们从 GitHub 安装(而不是从预打包的归档文件中安装),为了要执行 flutter 命令,Flutter 工具将会在首次运行时从谷歌服务器下载 Dart SDK。升级 Flutter 时亦会发生 (比如运行 flutter upgrade 命令) 。

flutter 工具使用了 Google Analytics 来对基本使用情况和 崩溃报告 进行匿名的统计。这些数据用来帮助改善 Flutter 工具。

在第一次运行或者任何涉及到 flutter config 的信息都不会进行发送,所以你可以在发送分析数据之前选择禁止分析数据的统计。要禁用这一功能,只需要输入 flutter config --no-analytics 即可,想要查看当前设置使用命令 flutter config。如果你禁用了统计信息发送,这次的禁用行为会被记录发送,其他任何信息,以及未来都不会再有任何数据会被记录。

Dart 工具同样可能会发送使用指标数据和崩溃报告给 Google。控制这些发送的数据,请参考下面的 [dart 命令行][dart tool 参数:

  • --enable-analytics: 启用匿名分析;
  • --disable-analytics: 禁用匿名分析。

Google 的隐私权政策 里详细描述了这些服务会如何控制这些数据。

更新 PATH 环境变量

正如 获取 Flutter SDK 一文中所展示你可以在当前命令行会话中更新你的 PATH 环境变量。但你也许想让这个配置永久生效,这样就可以在任意一个命令行会话中使用 flutter 命令了。

以下配置环境变量让其永久生效的方法在不同的机器上有略微的差别。基本上方法都是在某一个文件中增加一句命令,让它在每次新的命令行窗口打开时都执行一遍。比如:

  1. 首先决定你想要将 Flutter SDK 下载或者通过 git clone 命令到哪一个目录内,获取并记录这个目录的路径,你将要在第 3 步中用到它。

  2. 打开或者创建 shell 的 rc 文件,比如,在 Linux 和 macOS Mojave 或 Mojave 之前的系统里,是默认使用 Bash 的,所以需要修改 $HOME/.bashrc 文件。 macOS Catalina 操作系统默认使用 Z Shell,所以需要修改 $HOME/.zshrc 文件。请知晓,如果你使用不同的 shell,文件目录或文件名可能会有所不同。

  3. 在文件中增加下列这行命令,并将其中的 [PATH_OF_FLUTTER_GIT_DIRECTORY] 更改为你第一步获取到的路径:
    content_copy

    $ export PATH="$PATH:[PATH_OF_FLUTTER_GIT_DIRECTORY]/bin"
    
  4. 运行 source $HOME/.bash_profile 来刷新当前命令行窗口。

  5. 通过运行以下命令来验证 flutter/bin 文件夹是否已经添加到 PATH 环境变量中:
    content_copy

    $ echo $PATH
    

    验证 flutter 命令是否可用,可以执行下面的命令检测:
    content_copy

    $ which flutter
    

提示

自 1.19.0 dev 版开始,dart 命令就直接包含在 Flutter SDK 里了,这样可以更轻松的运行 Dart 命令行应用。下载 Flutter SDK 的时候也将同时包含兼容版本的 Dart SDK,但是如果你已经单独的下载了 Dart SDK,需要请你确保 Flutter SDK 里包含的 dartPATH 环境变量里靠前的位置,因为这两个渠道下载的 dart 可能并不兼容。下述命令将教你判断 flutterdart 命令是否来自于相同的 bin 目录,以及它们是否兼容。

content_copy

$ which flutter dart
  /path-to-flutter-sdk/bin/flutter
  /usr/local/bin/dart

如上命令行返回的内容所示,看起来 flutterdart 并非来自同一 bin 目录,在上面的这个例子里,我们需要更新 PATH 环境变量,将 <path-to-flutter-sdk>/bin 放在 /usr/local/bin 之前。修改完并使命令行窗口生效之后,再次运行 which 命令,就可以发现,flutterdart 位于同一目录了:

content_copy

$ which flutter dart
  /path-to-flutter-sdk/bin/flutter
  /path-to-flutter-sdk/bin/dart

了解更多关于 dart 命令的内容,可以在命令行运行 dart -h,或者在 Dart 文档查看 dart 工具 了解更多。

平台配置

macOS 可以允许开发 iOS、Android 和 Web(技术预览版正式发布)三个平台的 Flutter 应用,你可以任选一个平台完成初始配置,以此来搭建并运行起来你的第一个 Flutter 应用。

设置 iOS 开发环境

安装 Xcode

开发 iOS 平台上的 Flutter 应用,你需要一个安装了 Xcode 的 Mac 设备。

  1. 通过 直接下载 或者通过 Mac App Store 来安装最新稳定版 Xcode;

  2. 配置 Xcode 命令行工具以使用新安装的 Xcode 版本。从命令行中运行以下命令:
    content_copy

    $ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    $ sudo xcodebuild -runFirstLaunch
    

    当你安装了最新版本的 Xcode,大部分情况下,上面的路径都是一样的。但如果你安装了不同版本的 Xcode,你可能要更改一下上述命令中的路径。

  3. 运行一次 Xcode 或者通过输入命令 sudo xcodebuild -license 来确保已经同意 Xcode 的许可协议。

旧版本可能也能够正常工作,但是不建议在 Flutter 开发环境中使用。旧版本的 Xcode 不支持定位代码,还可能无法正常工作。

安装了 Xcode 之后,你就可以在 iOS 真机或者模拟器上运行 Flutter 应用了。

配置 iOS 模拟器

如果想要在 iOS 模拟器中运行和测试 Flutter 应用,按照以下步骤即可:

  1. 在你的 Mac 中,通过 Spotlight 或者以下命令来运行模拟器:
    content_copy

    $ open -a Simulator
    
  2. 通过模拟器菜单中的 Hardware > Device 或者 File > Open Simulator 选项检查当前模拟器是否是 64 位机型(iPhone 5S 或之后的机型)。

  3. Depending on your development machine’s screen size, simulated high-screen-density iOS devices might overflow your screen. Grab the corner of the simulator and drag it to change the scale. You can also use the Window > Physical Size or Window > Pixel Accurate options if your computer’s resolution is high enough.

    • If you are using a version of Xcode older than 9.1, you should instead set the device scale in the Window > Scale menu.

    根据你当前开发机器的屏幕尺寸,模拟器模拟出来的高密度屏幕的设备可能会溢出你的屏幕,你可以调整模拟器的边角来拖动改变比例,如果你的开发机分辨率很高的话,也可以通过菜单中的 Window > Physical Size or Window > Pixel Accurate 选项来更改模拟器的缩放比例。

    • 如果你只用 Xcode 版本低于 9.1,调整模拟器比例的菜单选项应该是 Window > Scale

创建并运行一个简单的 Flutter 应用

通过以下步骤来创建你的第一个 Flutter 应用并进行测试:

  1. 通过运行以下命令来创建一个新的 Flutter 应用:
    content_copy
    $ flutter create my_app
    
  2. 上述命令创建了一个 my_app 的目录,包含了 Flutter 初始的应用模版,切换路径到这个目录内:
    content_copy
    $ cd my_app
    
  3. 确保模拟器已经处于运行状态,输入以下命令来启动应用:
    content_copy
    $ flutter run
    

Deploy to iOS devices

如果你想把 Flutter 应用部署到 iOS 的真机上,你还需要一些别的工具和一个 Apple 开发者账号。另外,你还需要在 Xcode 上针对你的机器做一些设置。

  1. 如果你的应用不依赖 Flutter plugins 与原生 iOS 代码交互,你可以跳过这一步。通过运行以下命令 安装和设置CocoaPods
    content_copy

    $ sudo gem install cocoapods
    

    提示

    Ruby的默认版本需要 root 权限 sudo 来安装 CocoaPods gem,如果你使用的是 Ruby Version 管理器,可能就无需 root 权限。

  2. 按照下面 Xcode 签名流程来配置你的项目:

    1. 通过在命令行中于你当前 Flutter 项目目录下运行 open ios/Runner.xcworkspace 命令来打开默认的 Xcode 工程。

    2. 在运行按钮的下拉列表里选择你想要部署到的设备;

    3. 在左侧的导航面板中选择 Runner 项目;

    4. Runner 项目的设置页面,请确保勾选你的开发团队。在不同的 Xcode 版本里,这一部分的操作界面不同:
      当选择了一个团队之后,Xcode 会创建和下载一个开发证书,并在你的账户里为你的社保注册,并在需要的时候创建和下载一个配置文件。

      • 在开始你的第一个 iOS 项目开发之前,你需要先在 Xcode 中登陆你的 Apple 开发者账号 Xcode account add 任何 Apple ID 都可以进行开发和测试。如果想将应用上架 App Store,你需要加入 Apple Developer Program,你可以在 Choosing a Membership 页面中查看详细的说明。

      • 当你第一次将设备连接到开发机用于开发时,你需要分别在 Mac 和开发机上进行信任设备的操作。当你第一次连接时,会有个弹窗,点击 Trust 即可。
        Trust Mac
        然后在 iOS 开发机上进入 Settings 应用,选择 General > Device Management 然后信任相应的证书。对于首次打开的用户,请选择 General > Profiles > Device Management
      • 如果 Xcode 的自动签名失败了,你可以检查以下项目中 General > Identity > Bundle Identifier 里的值是否是唯一的。
        Check the app's Bundle ID
  3. 执行 flutter run 命令,或者在 Xcode 里点击运行,来运行你的应用。

设置 Android 开发环境

提示

Flutter 依赖 Android Studio 的全量安装来为其提供 Android 平台的支持。但你也可以使用其他的编辑器来写 Flutter 应用,接下来的步骤会提到这个问题。

安装 Android Studio

  1. 下载并安装 Android Studio
  2. 运行 Android Studio,并进入 ‘Android Studio Setup Wizard’,这会安装最新的 Android SDK, Android SDK Platform-Tools 以及 Android SDK Build-Tools,这些都是在开发 Android Flutter 应用时所需要的。
  3. 运行 flutter doctor 确保 Flutter 已经定位到了你的 Android Studio 的安装位置。如果 Flutter 并未定位到,运行 flutter config --android-studio-dir <directory> 设置你的 Android Studio 的安装目录。

配置 Android 设备

在 Android 设备上运行或测试 Flutter 应用之前,你需要一个运行 Android 4.1(API 版本 16)或者更高的设备。

  1. 在设备上打开 Developer optionsUSB debugging 选项,你可以在 Android documentation 上查看更详细的方法介绍。
  2. 如果是在 Windows 平台上使用,需要安装 Google USB Driver
  3. 通过 USB 接口连接手机和电脑,如果在设备上弹出需要授权弹窗,允许授权以便让电脑能够访问你的开发设备。
  4. 在命令行中,使用 flutter devices 命令来确保 Flutter 能够识别出你所连接的 Android 设备。

配置 Android 模拟器

根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上:

  1. 激活机器上的 VM acceleration 选项。
  2. 打开 Android Studio ,点击 AVD Manager 按钮,选择 Create Virtual Device…
    • 在一些旧的 Android Studio 版本里,需要通过 Android Studio > Tools > Android > AVD Manager ,然后选择 Create Virtual Device… 选项。(只有在 Android 项目中才会显示 Android 子选项。)
    • 如果你以及还没打开某个项目,你可以选择 Configure > AVD Manager 然后选择 Create Virtual Device 选项
  3. 选择相应的设备并选择 Next 选项。
  4. 选择一个或多个你想要模拟的 Android 版本的系统镜像,然后选择 Next 选项。推荐选择 x86 或者 x86_64 镜像。
  5. 在 Emulated Performance 下选择 Hardware - GLES 2.0 选项来开启 硬件加速
  6. 确保 AVD 选项配置正确,并选择 Finish 选项。
    想要查看上述步骤的更多详细信息,请查看 Managing AVDs 页面。
  7. 在 Android Virtual Device Manager 中,点击工具栏中的 Run 选项,模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。

同意 Android 协议

在使用 Flutter 前,你必须同意 Android SDK 平台的协议。你可以在安装完上述工具后执行这一步。

  1. 确保你安装了 Java 8,并且正确设置了 JAVA_HOME 环境变量到 JDK 目录。
    高于 2.2 版本的 Android Studio 自带了 JDK,所以应无需手动操作。
  2. 打开一个已经提升管理员权限的终端窗口,运行以下命令进行协议的确认。
    content_copy
    $ flutter doctor --android-licenses
    
  3. 仔细阅读每条协议后同意。
  4. 当你同意所有协议后,再次运行 flutter doctor 以确认是否已经可以正常使用 Flutter。

macOS 体系

请注意

正式进入 Beta 版本! 该部分包含了桌面端的支持已经正式发布 beta 版本。即便是 Beta 版本,仍还是缺少一些功能支持,例如无障碍功能。你可以在 stable channnel 上尝试 beta 桌面版支持,或者也可以在 beta channel 上获得最新桌面版的更新。更多有关桌面版 的详细信息,请查看 Medium 上这篇 Flutter 2 带来了哪些更新 文章。

其他 macOS 需要的内容

对于开发 macOS 桌面端应用来说,除了 Flutter SDK 以外你还需要以下内容:

开启桌面端支持

在命令行中执行以下命令以开启桌面端支持

content_copy

$ flutter config --enable-macos-desktop

更多详情请查看 Flutter 的桌面端支持



标题:Flutter 安装和环境配置之macOS
作者:yanjing
地址:https://yanjingtp.cn/articles/2022/02/18/1645167720175.html