跳至主要內容
目錄

開始在 macOS 上建置 Flutter Android 應用程式

目錄

驗證系統需求

#

若要安裝並執行 Flutter，您的 macOS 環境必須符合以下硬體和軟體需求。

硬體需求

#

您的 macOS Flutter 開發環境必須符合以下最低硬體需求。

需求最低建議
CPU 核心數48
記憶體（GB）816
顯示解析度（像素）WXGA（1366 x 768）FHD（1920 x 1080）
可用磁碟空間（GB）44.070.0

軟體需求

#

若要撰寫並編譯 Android 的 Flutter 程式碼，請安裝以下套件。

作業系統

#

Flutter 支援在 macOS 11 (Big Sur) 或更新版本上進行開發。本指南假設您的 Mac 使用 zsh 作為預設 Shell。

若要驗證您的 Shell 設定，請展開此區段

如同大多數類 UNIX 作業系統，macOS 可以支援多種 Shell，例如 bash、zsh 和 sh。自 2019 年 10 月發布的 macOS Catalina (macOS 10.15) 起，Zsh 或 zsh 是 macOS 的預設 Shell。

檢查並設定 zsh 為預設值

#

  1. 若要驗證 zsh 是否已設定為預設 macOS Shell，請執行目錄服務命令列公用程式。

    dscl . -read ~/ UserShell

    該命令應輸出以下內容作為回應。

    UserShell: /bin/zsh

    您可以跳過其餘步驟。

  2. 如果您需要安裝 zsh，請按照此 Wiki中的步驟執行。

  3. 如果您需要將預設 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

開發工具

#

下載並安裝以下套件。

  • Android Studio 2023.3.1 (Jellyfish) 或更新版本，用於除錯並編譯 Android 的 Java 或 Kotlin 程式碼。Flutter 需要完整版本的 Android Studio。

  • Git 2.27 或更新版本，用於管理原始碼。若要檢查是否已安裝 git，請在終端機中輸入 git version。如果需要安裝 git，請輸入 brew install git。

上述軟體的開發人員會為這些產品提供支援。若要排除安裝問題，請參閱該產品的文件。

當您執行目前版本的 flutter doctor 時，它可能會列出其中一個套件的不同版本。如果有的話，請安裝它建議的版本。

文字編輯器或整合開發環境

#

您可以使用任何文字編輯器或整合開發環境 (IDE) 搭配 Flutter 的命令列工具來建置應用程式。

使用具有 Flutter 擴充功能或外掛程式的 IDE 可提供程式碼完成、語法醒目提示、小工具編輯協助、除錯和其他功能。

常見選項包括

安裝 Flutter SDK

#

若要安裝 Flutter SDK，您可以使用 VS Code Flutter 擴充功能，或自行下載並安裝 Flutter 套件。

使用 VS Code 安裝 Flutter

#

若要使用這些指示安裝 Flutter，請驗證您是否已安裝Visual Studio Code 1.77 或更新版本，以及適用於 VS Code 的 Flutter 擴充功能。

提示 VS Code 安裝 Flutter

#

  1. 啟動 VS Code。

  2. 若要開啟命令面板，請按下 Command + Shift + P。

  3. 在命令面板中，輸入 flutter。

  4. 選取Flutter：新專案。

  5. VS Code 會提示您在電腦上找出 Flutter SDK 的位置。

    1. 如果您已安裝 Flutter SDK，請按一下找出 SDK。

    2. 如果您尚未安裝 Flutter SDK，請按一下下載 SDK。

      如果您尚未依照開發工具先決條件中的指示安裝 Git，此選項會將您傳送到 Flutter 安裝頁面。

  6. 當提示要使用哪個 Flutter 範本？時，請忽略它。按下 Esc。您可以在檢查開發設定後建立測試專案。

下載 Flutter SDK

#

  1. 當顯示選取 Flutter SDK 的資料夾對話方塊時，請選擇您要安裝 Flutter 的位置。

    VS Code 會將您置於使用者設定檔中以開始。請選擇其他位置。

    請考慮 ~/development/

  2. 按一下複製 Flutter。

    下載 Flutter 時，VS Code 會顯示此快顯通知

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

    此下載需要幾分鐘。如果您懷疑下載已停止，請按一下取消，然後重新開始安裝。

  3. 下載 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?

  4. VS Code 可能會顯示 Google Analytics 通知。

    如果您同意，請按一下確定。

  5. 若要在所有終端機視窗中啟用 flutter

    1. 關閉，然後重新開啟所有終端機視窗。
    2. 重新啟動 VS Code。

下載，然後安裝 Flutter

#

若要安裝 Flutter，請從其封存下載 Flutter SDK 套件、將套件移至您要儲存的位置，然後解壓縮 SDK。

  1. 下載以下安裝套件以取得 Flutter SDK 的最新穩定版本。

    Intel 處理器Apple 晶片
    （載入中...）（載入中...）

    若要查看其他發布管道和較舊的組建，請查看SDK 封存。

    Flutter SDK 應該會下載到 macOS 預設下載目錄：~/Downloads/。

  2. 建立一個可以安裝 Flutter 的資料夾。

    請考慮在 ~/development/ 中建立目錄。

  3. 將檔案解壓縮到您要儲存 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 檔案來設定環境變數。

  1. 啟動您偏好的文字編輯器。

  2. 如果存在，請在您的文字編輯器中開啟 Zsh 環境變數檔案 ~/.zshenv。如果不存在，請建立 ~/.zshenv。

  3. 複製以下行並貼到 ~/.zshenv 檔案的結尾。

    bash
    export PATH=$HOME/development/flutter/bin:$PATH

  4. 儲存您的 ~/.zshenv 檔案。

  5. 若要套用此變更，請重新啟動所有開啟的終端機工作階段。

如果您使用其他 Shell，請查看此關於設定 PATH 的教學課程。

設定 Android 開發環境

#

在 Android Studio 中設定 Android 工具鏈

#

help 說明

若要使用 Flutter 建立 Android 應用程式，請驗證是否已安裝以下 Android 元件。

  • Android SDK Platform, API 35.0.1
  • Android SDK 命令列工具
  • Android SDK 建置工具
  • Android SDK 平台工具
  • Android 模擬器

如果您尚未安裝這些元件，或您不知道，請繼續執行以下程序。

否則，您可以跳到下一節。

  1. 啟動 Android Studio。

    會顯示歡迎使用 Android Studio 對話方塊。

  2. 按照 Android Studio 設定精靈執行。

  3. 安裝以下元件

    • Android SDK Platform, API 35.0.1
    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK 平台工具
    • Android 模擬器

  1. 啟動 Android Studio。

  2. 前往設定對話方塊以檢視 SDK 管理員。

    1. 如果您有開啟專案，請前往工具 > SDK 管理員。

    2. 如果顯示 Welcome to Android Studio 對話方塊，請點擊 Open 按鈕後方的 More Options 圖示，並從下拉選單中點擊 SDK Manager。

  3. 點擊 SDK Platforms。

  4. 確認已選取 Android API 35.0.1。

    如果 Status 欄顯示 Update available 或 Not installed

    1. 選取 Android API 35.0.1。

    2. 點擊 Apply。

    3. 當顯示 Confirm Change 對話方塊時，點擊 OK。

      SDK Quickfix Installation 對話方塊會顯示進度條。

    4. 安裝完成後，點擊 Finish。

      安裝最新的 SDK 後，Status 欄可能會顯示 Update available。這表示某些額外的系統映像可能尚未安裝。您可以忽略此訊息並繼續。

  5. 點擊 SDK Tools。

  6. 確認已選取下列 SDK 工具

    • Android SDK 命令列工具
    • Android SDK 建置工具
    • Android SDK 平台工具
    • Android 模擬器

  7. 如果任何上述工具的 Status 欄顯示 Update available 或 Not installed

    1. 選取需要的工具。

    2. 點擊 Apply。

    3. 當顯示 Confirm Change 對話方塊時，點擊 OK。

      SDK Quickfix Installation 對話方塊會顯示進度條。

    4. 安裝完成後，點擊 Finish。

設定您的目標 Android 裝置

#

設定 Android 模擬器

#

help 說明

若要設定您的 Flutter 應用程式在 Android 模擬器中執行，請依照下列步驟建立並選取模擬器。

  1. 在您的開發電腦上啟用 VM 加速。

  2. 啟動 Android Studio。

  3. 前往設定對話方塊以檢視 SDK 管理員。

    1. 如果您已開啟專案，請前往 Tools > Device Manager。

    2. 如果顯示 Welcome to Android Studio 對話方塊，請點擊 Open 按鈕後方的 More Options 圖示，並從下拉選單中點擊 Device Manager。

  4. 點擊 Virtual。

  5. 點擊 Create Device。

    會顯示 Virtual Device Configuration 對話方塊。

  6. 在 Category 下選取 Phone 或 Tablet。

  7. 選取裝置定義。您可以瀏覽或搜尋裝置。

  8. 點擊 Next。

  9. 如果您的 Mac 使用 Intel CPU，請點擊 x86 Images，如果您的 Mac 使用 Apple CPU，則點擊 ARM Images。

  10. 針對您想要模擬的 Android 版本，點擊一個系統映像。

    1. 如果所需的映像在 Release Name 右側有 Download 圖示，請點擊它。

      SDK Quickfix Installation 對話方塊會顯示進度條。

    2. 下載完成後，點擊 Finish。

  11. 點擊 Next。

    Virtual Device Configuration 會顯示其 Verify Configuration 步驟。

  12. 若要重新命名 Android 虛擬裝置 (AVD)，請變更 AVD Name 方塊中的值。

  13. 點擊 Show Advanced Settings 並捲動至 Emulated Performance。

  14. 從 Graphics 下拉選單中，選取 Hardware - GLES 2.0。

    這會啟用硬體加速並改善渲染效能。

  15. 確認您的 AVD 設定。如果正確，請點擊 Finish。

    若要瞭解更多關於 AVD 的資訊，請查看 管理 AVD。

  16. 在 Device Manager 對話方塊中，點擊您想要使用的 AVD 右側的 Run 圖示。模擬器會啟動並顯示您所選 Android 作業系統版本和裝置的預設畫布。

設定您的目標 Android 裝置

#

help 說明

若要設定您的 Flutter 應用程式在實體 Android 裝置上執行，您需要一個執行 Android API level 21 或更高版本的 Android 裝置。

  1. 依照 Android 文件 中的說明，在您的裝置上啟用 開發人員選項 和 USB 偵錯。

  2. [選用] 若要使用無線偵錯，請依照 Android 文件 中的說明，在您的裝置上啟用 無線偵錯。

  3. 將您的裝置插入您的 macOS 電腦。如果您的裝置提示您，請授權您的電腦存取您的裝置。

  4. 確認 Flutter 能夠辨識您連接的 Android 裝置。

    在終端機中，執行

    flutter devices

    預設情況下，Flutter 會使用您 adb 工具所基於的 Android SDK 版本。若要使用 Flutter 的其他 Android SDK 安裝路徑，請將 ANDROID_SDK_ROOT 環境變數設定為該安裝目錄。

同意 Android 授權

#

help 說明

在您可以使用 Flutter 之前以及安裝所有先決條件之後，請同意 Android SDK 平台的授權。

  1. 開啟提升權限的命令列視窗。

  2. 執行以下命令以啟用簽署授權。

    flutter doctor --android-licenses

    如果您之前已接受 Android Studio 授權，則此命令會傳回

    [========================================] 100% Computing updates...
All SDK package licenses accepted.

    您可以跳過下一步。

  3. 在同意每個授權條款之前，請仔細閱讀每個條款。

疑難排解授權問題

#
如何修正尋找 Java 安裝時的錯誤

您可能會遇到 Android SDK 找不到 Java SDK 的問題。

flutter doctor --android-licenses

ERROR: JAVA_HOME is set to an invalid directory: /Applications/Android\ Studio.app/Contents/jre/Contents/Home

Please set the JAVA_HOME variable in your environment to match the
location of your Java installation.

Android sdkmanager tool was found, but failed to run
(/Users/atsansone/Library/Android/sdk/cmdline-tools/latest/bin/sdkmanager): "exited code 1".
Try re-installing or updating your Android SDK,
visit https://flutter.dev/to/macos-android-setup for detailed instructions.

flutter doctor 命令會因為 JAVA_HOME 變數的設定方式而傳回此錯誤。當您將路徑新增至 JAVA_HOME 時，您可以將反斜線新增至 Android 和 Studio 之間的空格，或將整個路徑括在相符的引號中。您不能同時執行這兩項操作。

在您適當的 Shell 資源檔案中尋找您的 JAVA_HOME 路徑。

將其從

bash
export JAVA_HOME="/Applications/Android\ Studio.app/Contents/jre/Contents/Home"

變更為

bash
export JAVA_HOME="/Applications/Android Studio.app/Contents/jre/Contents/Home"

請勿在 Android 和 Studio 之間包含反斜線。

若要載入此更新的環境變數，請重新載入您的 Shell。此範例使用 zsh 資源檔案。

source ~/.zshrc

檢查您的開發設定

#

help 說明

執行 Flutter Doctor

#

flutter doctor 命令會驗證 macOS 完整 Flutter 開發環境的所有元件。

  1. 開啟您的終端機。

  2. 若要驗證您所有元件的安裝，請執行以下命令。

    flutter doctor

由於您選擇開發 Android 應用程式，您不需要所有元件。如果您已依照本指南操作，則命令的結果應如下所示

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


! Doctor found issues in 2 categories.

排除 Flutter Doctor 問題

#

當 flutter doctor 命令傳回錯誤時，可能是 Flutter、VS Code、Android Studio、已連接的裝置或網路資源的問題。

如果 flutter doctor 命令傳回任何這些元件的錯誤，請使用詳細旗標再次執行。

flutter doctor -v

檢查輸出，看看是否有其他您可能需要安裝的軟體或要執行的進一步工作。

如果您變更 Flutter SDK 或其相關元件的設定，請再次執行 flutter doctor 以驗證安裝。

開始在 macOS 上使用 Flutter 開發 Android 應用程式

#

恭喜您。 安裝完所有先決條件和 Flutter SDK 後，您就可以開始在 macOS 上為 Android 開發 Flutter 應用程式了。

若要繼續您的學習旅程，請參考以下指南

管理您的 Flutter SDK

#

若要瞭解更多關於管理 Flutter SDK 安裝的資訊，請參考以下資源。

除非另有說明，本網站上的文件反映 Flutter 的最新穩定版本。頁面上次更新於 2024-10-28。 檢視原始碼 或 回報問題。