【Flutter 學習筆記】如何在 Windows 上安裝 Flutter SDK

閱讀時間約 4 分鐘
raw-image
【Flutter 學習筆記】線上課程教學影片:連結
【Flutter 學習筆記】系列文章目錄:連結

在 Windows 上安裝 Flutter SDK 主要的三種方式

在 Windows 上安裝 Flutter SDK 的三種方式

在 Windows 上安裝 Flutter SDK 的三種方式

在 Windows 環境中安裝 Flutter SDK 有多種方式,以下將介紹三種常見的方法,幫助讀者能夠輕鬆安裝並開始使用 Flutter 進行開發。

方法一:從 Flutter 官方網站直接下載與手動安裝

這是最基本的安裝方式,適合喜歡手動配置的開發者。

步驟:

  1. 訪問 Flutter 官方網站
    前往 flutter.dev
  2. 選擇 Windows 平台和開發用途
    在下載頁面中選擇 Windows 然後選擇 Android 開發應用類型。
  3. 下載 SDK 壓縮檔
    點擊下載 SDK壓縮檔,下載完成後,將壓縮檔解壓縮到指定目錄,例如:桌面上的 development 資料夾中。
  4. 設定環境變數
    • 在 Windows 搜尋欄中輸入「環境變數」,然後選擇「編輯系統環境變數」。
    • 點選「環境變數」按鈕。
    • 在系統變數中找到 Path,然後點選「編輯」。
    • 點選「新增」,輸入 Flutter SDK 的 bin 資料夾路徑,例如:C:\Users\[使用者名稱]\Desktop\development\flutter\bin
  5. 檢查安裝
    打開命令提示字元,執行以下命令以確認安裝是否成功:
flutter --version
flutter doctor

方法二:使用 Visual Studio Code 整合式開發環境安裝 Flutter SDK

步驟:

  1. 安裝 Visual Studio Code
    VS Code 官方網站 下載並安裝。
  2. 安裝 Flutter 擴充套件
    在 VS Code 中,前往延伸模組,搜尋並安裝 Flutter 延伸模組。
  3. 建立新 Flutter 專案
    使用命令面板 (Ctrl + Shift + P) 執行 "Flutter: New Project",並選擇 SDK 的安裝位置。
  4. 設定環境變數
    • 同樣地,搜尋「環境變數」,選擇「編輯系統環境變數」。
    • 點選「環境變數」按鈕,然後在系統變數中找到 Path,點選「編輯」。
    • 點選「新增」,輸入 Flutter SDK 的 bin 資料夾路徑,例如:C:\Users\[使用者名稱]\Desktop\development\flutter\bin
  5. 檢查安裝
    在命令提示字元中執行以下命令:
    flutter --version
    flutter doctor

方法三:使用命令列工具安裝 Flutter SDK

對於喜歡使用命令列的開發者,這種方法提供了更高的靈活性。

步驟:

  1. 使用 Chocolatey 安裝
    • 首先,確保已安裝 Chocolatey
    • 在命令提示字元中執行以下命令:
      choco install flutter
  2. 使用 Git 安裝
    • 選擇一個目錄,然後執行以下命令:
      git clone https://github.com/flutter/flutter.git
    • 設定環境變數,將 Flutter SDK 的 bin 資料夾路徑加入 Path
  3. 檢查安裝
    最後,執行以下命令以確認安裝成功:
    flutter --version
    flutter doctor

透過以上三種方法,讀者可以根據自己的需求選擇最適合的方式來安裝 Flutter SDK。

avatar-img
11會員
243內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
HKT實驗室 的其他內容
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app; macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
本文專為 Flutter 開發者設計的實用指南,內容涵蓋了 Flutter SDK 的安裝、開發環境的設置、Dart 語言的核心概念、常用 UI 元件的應用及其實作等重要主題。透過豐富的實際範例和詳細的說明,讀者將能夠輕鬆掌握 Flutter 的基本概念,快速上手開發高效能的應用程式。
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app; macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
本文專為 Flutter 開發者設計的實用指南,內容涵蓋了 Flutter SDK 的安裝、開發環境的設置、Dart 語言的核心概念、常用 UI 元件的應用及其實作等重要主題。透過豐富的實際範例和詳細的說明,讀者將能夠輕鬆掌握 Flutter 的基本概念,快速上手開發高效能的應用程式。
你可能也想看
Google News 追蹤
Thumbnail
在離線環境需要安裝Python套件時就相當的麻煩,需要先下載好套件包,在打指令安裝,若套件數量一多時就會相當麻煩。 本文將介紹如何利用兩行指令快速的安裝整個資料夾的套件。
Thumbnail
這篇內容,將教你如何安裝GameMaker,並更改語言設定。包括GameMaker的下載說明、版本說明、安裝說明、語系更改。
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
本章節旨在介紹如何在不同操作系統上安裝和配置PHP環境,並使用命令行工具進行基礎操作。此外,還介紹了使用Visual Studio Code進行PHP開發的步驟,包括安裝擴展和設置調試環境。
Thumbnail
此章節旨在引導讀者如何建立Java開發環境,包括安裝JDK、使用命令行工具編寫和運行Java程式,以及如何在Visual Studio Code、IntelliJ IDEA和Eclipse等IDE中設置和使用Java環境。
Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
Thumbnail
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目,選擇Xcode、Visual Studio Code或AppCode作為編輯器,以及如何使用SPM安裝插件。
Thumbnail
# 簡介 身為一位專注於 Vue.js 的前端開發者,這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧! ## 第一次嘗試 ### 第一步:創建一個 Flutter 應用 首先,通過運行以下命令來創建一個新的 Flutter 項目: ```sh flutter
Thumbnail
有沒有想過,即使沒有任何編程背景,你的創意也能在六個月內轉化成真實的App?我可以以自身經歷跟你說有了 No-Code Tool (無代碼工具) 和 AI 的幫助,這一切都是可能的!你一行 code 都不需要打,甚至也無須學習任何編程語言!沒有什麼比實踐一個自小認為不可能的任務還振奮人心的事了!
Thumbnail
在離線環境需要安裝Python套件時就相當的麻煩,需要先下載好套件包,在打指令安裝,若套件數量一多時就會相當麻煩。 本文將介紹如何利用兩行指令快速的安裝整個資料夾的套件。
Thumbnail
這篇內容,將教你如何安裝GameMaker,並更改語言設定。包括GameMaker的下載說明、版本說明、安裝說明、語系更改。
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
本章節旨在介紹如何在不同操作系統上安裝和配置PHP環境,並使用命令行工具進行基礎操作。此外,還介紹了使用Visual Studio Code進行PHP開發的步驟,包括安裝擴展和設置調試環境。
Thumbnail
此章節旨在引導讀者如何建立Java開發環境,包括安裝JDK、使用命令行工具編寫和運行Java程式,以及如何在Visual Studio Code、IntelliJ IDEA和Eclipse等IDE中設置和使用Java環境。
Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
Thumbnail
本章節介紹了如何建立並設置Swift項目以及如何選擇和設置Swift代碼編輯器。這包括在Xcode和命令行中建立Swift項目,選擇Xcode、Visual Studio Code或AppCode作為編輯器,以及如何使用SPM安裝插件。
Thumbnail
# 簡介 身為一位專注於 Vue.js 的前端開發者,這是我第一次嘗試構建 Flutter 網頁應用。讓我們開始吧! ## 第一次嘗試 ### 第一步:創建一個 Flutter 應用 首先,通過運行以下命令來創建一個新的 Flutter 項目: ```sh flutter
Thumbnail
有沒有想過,即使沒有任何編程背景,你的創意也能在六個月內轉化成真實的App?我可以以自身經歷跟你說有了 No-Code Tool (無代碼工具) 和 AI 的幫助,這一切都是可能的!你一行 code 都不需要打,甚至也無須學習任何編程語言!沒有什麼比實踐一個自小認為不可能的任務還振奮人心的事了!