使用 VS Code 安裝 Flutter
瞭解如何使用 VS Code 快速安裝和設定 Flutter SDK。
瞭解如何在基於 Code OSS 的編輯器中安裝和設定 Flutter。這包括但不限於:VS Code、Antigravity、Cursor 和 Windsurf。
選擇你的開發平臺
#本頁面說明適用於在 Windows 裝置上安裝 Flutter。
如果你想遵循其他作業系統的說明,請選擇以下之一。
下載先決軟體
#為了獲得最流暢的 Flutter 設定,請先安裝以下工具。
-
設定 Linux 支援
如果你之前未在 Chromebook 上設定 Linux 支援,請開啟 Linux 支援。
如果你已經開啟了 Linux 支援,請按照解決 Linux 問題的說明進行更新。
-
下載並安裝先決軟體包
使用
apt-get或你喜歡的安裝機制,安裝以下軟體包的最新版本curlgitunzipxz-utilsziplibglu1-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 -
下載並安裝 Visual Studio Code
要快速安裝 Flutter,然後編輯和除錯您的應用,安裝並設定 Visual Studio Code。
-
安裝 Xcode 命令列工具
下載 Xcode 命令列工具以訪問 Flutter 依賴的命令列工具,包括 Git。
要下載這些工具,請在你喜歡的終端中執行以下命令
xcode-select --install如果你尚未安裝這些工具,將彈出一個對話方塊,確認你是否要安裝它們。單擊 安裝,安裝完成後,單擊 完成。
-
下載並安裝 Visual Studio Code
要快速安裝 Flutter,然後編輯和除錯您的應用,安裝並設定 Visual Studio Code。
-
安裝適用於 Windows 的 Git
下載並安裝最新版適用於 Windows 的 Git。
有關安裝或故障排除 Git 的幫助,請參閱 Git 文件。
-
下載並安裝 Visual Studio Code
要快速安裝 Flutter,然後編輯和除錯您的應用,安裝並設定 Visual Studio Code。
-
下載並安裝先決軟體包
使用你偏好的包管理器或機制,安裝以下軟體包的最新版本
curlgitunzipxz-utilsziplibglu1-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 -
下載並安裝 Visual Studio Code
要快速安裝 Flutter,然後編輯和除錯您的應用,安裝並設定 Visual Studio Code。
安裝並設定 Flutter
#現在您已經安裝了 Git 和 VS Code,請按照以下步驟使用 VS Code 安裝和設定 Flutter。
-
啟動 VS Code
如果尚未開啟,請透過 Spotlight 搜尋或從安裝目錄手動開啟 VS Code。
-
將 Flutter 擴充套件新增到 VS Code
若要在 VS Code 中新增 Dart 和 Flutter 擴充套件,請訪問 Flutter 擴充套件外掛市場頁面,然後點選 Install(安裝)。如果瀏覽器彈出提示,請允許其開啟 VS Code。
-
使用 VS Code 安裝 Flutter
在 VS Code 中開啟命令面板。
轉到檢視>命令面板或按Cmd/Ctrl + Shift + P。
在命令面板中,鍵入
flutter。選擇Flutter: 新建專案。
VS Code 會提示您在計算機上找到 Flutter SDK。選擇下載 SDK。
當顯示選擇 Flutter SDK 資料夾對話方塊時,選擇你想要安裝 Flutter 的位置。
點選克隆 Flutter。
在下載 Flutter 時,VS Code 會顯示此彈出通知
Downloading the Flutter SDK. This may take a few minutes.此下載需要幾分鐘。如果您懷疑下載已掛起,請單擊取消,然後再次開始安裝。
點選新增 SDK 到 PATH。
成功時,會顯示通知
The Flutter SDK was added to your PATHVS Code 可能會顯示 Google Analytics 通知。
如果你同意,點選確定。
為了確保 Flutter 在所有終端中可用
- 關閉,然後重新開啟所有終端視窗。
- 重新啟動 VS Code。
-
驗證您的設定
為了確保你已正確安裝 Flutter,請在你偏好的終端中執行
flutter doctor -v命令。如果未找到該命令或出現錯誤,請查閱 Flutter 安裝故障排除。
繼續你的 Flutter 之旅
#現在你已成功安裝 Flutter,請至少設定一個目標平臺的開發環境,以繼續你的 Flutter 開發之旅。