瞭解如何使用 VS Code 快速設定您的 Flutter 開發環境。

選擇你的開發平臺

#

此頁面上的說明旨在涵蓋在 Windows 裝置上安裝 Flutter。

如果你想遵循其他作業系統的說明,請選擇以下之一。

下載先決軟體

#

為了最順暢地設定 Flutter,請首先安裝以下工具。

  1. 設定 Linux 支援

    如果你之前未在 Chromebook 上設定 Linux 支援,請開啟 Linux 支援

    如果你已經開啟了 Linux 支援,請按照解決 Linux 問題的說明進行更新。

  2. 下載並安裝先決軟體包

    使用 apt-get 或你喜歡的安裝機制,安裝以下軟體包的最新版本

    • curl
    • git
    • unzip
    • xz-utils
    • zip
    • libglu1-mesa

    如果你想使用 apt-get,請使用以下命令安裝這些軟體包

    sudo apt-get update -y && sudo apt-get upgrade -y
    sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
  3. 下載並安裝 Visual Studio Code

    要快速安裝 Flutter,然後編輯和除錯您的應用程式,請安裝並設定 Visual Studio Code

  1. 安裝 Xcode 命令列工具

    下載 Xcode 命令列工具以訪問 Flutter 依賴的命令列工具,包括 Git。

    要下載這些工具,請在你喜歡的終端中執行以下命令

    xcode-select --install

    如果你尚未安裝這些工具,將彈出一個對話方塊,確認你是否要安裝它們。單擊 安裝,安裝完成後,單擊 完成

  2. 下載並安裝 Visual Studio Code

    要快速安裝 Flutter,然後編輯和除錯您的應用程式,請安裝並設定 Visual Studio Code

  1. 安裝適用於 Windows 的 Git

    下載並安裝最新版適用於 Windows 的 Git

    有關安裝或故障排除 Git 的幫助,請參閱 Git 文件

  2. 下載並安裝 Visual Studio Code

    要快速安裝 Flutter,然後編輯和除錯您的應用程式,請安裝並設定 Visual Studio Code

  1. 下載並安裝先決軟體包

    使用你偏好的包管理器或機制,安裝以下軟體包的最新版本

    • curl
    • git
    • unzip
    • xz-utils
    • zip
    • libglu1-mesa

    在基於 Debian 的發行版(如 Ubuntu)上,使用 apt-get,請使用以下命令安裝這些軟體包

    sudo apt-get update -y && sudo apt-get upgrade -y
    sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
  2. 下載並安裝 Visual Studio Code

    要快速安裝 Flutter,然後編輯和除錯您的應用程式,請安裝並設定 Visual Studio Code

安裝並設定 Flutter

#

現在您已經安裝了 Git 和 VS Code,請按照以下步驟使用 VS Code 安裝和設定 Flutter。

  1. 啟動 VS Code

    如果尚未開啟,請透過 Spotlight 搜尋或從安裝目錄手動開啟 VS Code 來開啟它。

  2. 將 Flutter 擴充套件新增到 VS Code

    要將 Dart 和 Flutter 擴充套件新增到 VS Code,請訪問Flutter 擴充套件市場頁面,然後單擊安裝。如果您的瀏覽器提示,請允許它開啟 VS Code。

  3. 使用 VS Code 安裝 Flutter

    1. 在 VS Code 中開啟命令面板。

      轉到檢視>命令面板或按Cmd/Ctrl + Shift + P

    2. 在命令面板中,輸入 flutter

    3. 選擇Flutter: 新建專案

    4. VS Code 會提示您在計算機上找到 Flutter SDK。選擇下載 SDK

    5. 當顯示選擇 Flutter SDK 資料夾對話方塊時,選擇你想要安裝 Flutter 的位置。

    6. 點選克隆 Flutter

      下載 Flutter 時,VS Code 會顯示此彈出通知

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

      此下載需要幾分鐘。如果您懷疑下載已掛起,請單擊取消,然後重新開始安裝。

    7. 點選新增 SDK 到 PATH

      成功時,會顯示通知

      The Flutter SDK was added to your PATH
    8. VS Code 可能會顯示 Google Analytics 通知。

      如果你同意,點選確定

    9. 為確保 Flutter 在所有終端中可用

      1. 關閉,然後重新開啟所有終端視窗。
      2. 重新啟動 VS Code。
  4. 驗證您的設定

    為確保您已正確安裝 Flutter,請在您偏好的終端中執行 flutter doctor -v

    如果未找到該命令或出現錯誤,請檢視Flutter 安裝故障排除

繼續你的 Flutter 之旅

#

現在您已成功安裝 Flutter,請為至少一個目標平臺設定開發環境,以繼續您的 Flutter 之旅。