跳到主內容

使用 VS Code 安裝 Flutter

瞭解如何使用 VS Code 快速安裝和設定 Flutter SDK。

瞭解如何在基於 Code OSS 的編輯器中安裝和設定 Flutter。這包括但不限於:VS CodeAntigravityCursorWindsurf

選擇你的開發平臺

#

本頁面說明適用於在 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

    若要在 VS Code 中新增 Dart 和 Flutter 擴充套件,請訪問 Flutter 擴充套件外掛市場頁面,然後點選 Install(安裝)。如果瀏覽器彈出提示,請允許其開啟 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 開發之旅。