Flutter - 安裝

本章將詳細指導您在本地計算機上安裝 Flutter 的過程。

在 Windows 上安裝

在本節中，讓我們看看如何在 Windows 系統中安裝 Flutter SDK 及其要求。

步驟 1 − 訪問 URL： https://flutter.club.tw/docs/get-started/install/windows 並下載最新的 Flutter SDK。截至 2019 年 4 月，版本為 1.2.1，檔名為 flutter_windows_v1.2.1-stable.zip。

步驟 2 − 將 zip 壓縮檔案解壓縮到一個資料夾中，例如 C:\flutter\

步驟 3 − 更新系統路徑以包含 flutter bin 目錄。

步驟 4 − Flutter 提供了一個工具 flutter doctor 來檢查是否滿足 Flutter 開發的所有要求。

flutter doctor

步驟 5 − 執行上述命令將分析系統並顯示如下所示的報告：

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

報告顯示所有開發工具都可用，但裝置未連線。我們可以透過 USB 連線 Android 裝置或啟動 Android 模擬器來解決此問題。

步驟 6 − 如果 flutter doctor 報告，請安裝最新的 Android SDK

步驟 7 − 如果 flutter doctor 報告，請安裝最新的 Android Studio

步驟 8 − 啟動 Android 模擬器或將真實的 Android 裝置連線到系統。

步驟 9 − 為 Android Studio 安裝 Flutter 和 Dart 外掛。它提供啟動模板以建立新的 Flutter 應用程式，一個在 Android studio 本身執行和除錯 Flutter 應用程式的選項等。

• 開啟 Android Studio。

• 點選 檔案 → 設定 → 外掛。

• 選擇 Flutter 外掛並點選 安裝。

• 提示安裝 Dart 外掛時，點選 是。

• 重新啟動 Android studio。

在 MacOS 上安裝

要在 MacOS 上安裝 Flutter，您需要執行以下步驟：

步驟 1 − 訪問 URL： https://flutter.club.tw/docs/get-started/install/macos 並下載最新的 Flutter SDK。截至 2019 年 4 月，版本為 1.2.1，檔名為 flutter_macos_v1.2.1-stable.zip。

步驟 2 − 將 zip 壓縮檔案解壓縮到一個資料夾中，例如 /path/to/flutter

步驟 3 − 更新系統路徑以包含 flutter bin 目錄（在 ~/.bashrc 檔案中）。

> export PATH = "$PATH:/path/to/flutter/bin"

步驟 4 − 使用以下命令在當前會話中啟用更新的路徑，然後對其進行驗證。

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter 提供了一個工具 flutter doctor 來檢查是否滿足 Flutter 開發的所有要求。它與 Windows 版本類似。

步驟 5 − 如果 flutter doctor 報告，請安裝最新的 XCode

步驟 6 − 如果 flutter doctor 報告，請安裝最新的 Android SDK

步驟 7 − 如果 flutter doctor 報告，請安裝最新的 Android Studio

步驟 8 − 啟動 Android 模擬器或將真實的 Android 裝置連線到系統以開發 Android 應用程式。

步驟 9 − 開啟 iOS 模擬器或將真實的 iPhone 裝置連線到系統以開發 iOS 應用程式。

步驟 10 − 為 Android Studio 安裝 Flutter 和 Dart 外掛。它提供啟動模板以建立新的 Flutter 應用程式，一個在 Android studio 本身執行和除錯 Flutter 應用程式的選項等。

• 開啟 Android Studio

• 點選 首選項 → 外掛

• 選擇 Flutter 外掛並點選 安裝

• 提示安裝 Dart 外掛時，點選 是。

• 重新啟動 Android studio。