【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
留言分享你的想法!
avatar-img
HKT實驗室
24會員
261內容數
哈囉!歡迎光臨我的沙龍!我是 KT,一位對應用程式開發充滿熱情的開發者。在這個專屬空間,我將與您分享我在應用開發領域的深入學習心得和豐富的實戰經驗。如果您對應用程式開發技術同樣充滿好奇,渴望不斷探索新知,歡迎成為我們的會員,一起在應用程式開發的旅途上,探索更深層次的技術世界,享受學習的樂趣。
HKT實驗室的其他內容
2024/11/28
在本文中,我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件,使用者可以輕鬆地輸入文字,廣泛應用於各類應用程式中,如表單、搜尋框和聊天介面等。
Thumbnail
2024/11/28
在本文中,我們將介紹 TextField 文字輸入框元件及其基本用法。TextField 是一個關鍵的元件,使用者可以輕鬆地輸入文字,廣泛應用於各類應用程式中,如表單、搜尋框和聊天介面等。
Thumbnail
2024/11/28
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片,以及如何載入網路圖片的完整過程。透過這篇文章,您將學會如何有效地管理圖片資源,並在應用程式中正確顯示圖片,提升您的 Flutter 開發技能。
Thumbnail
2024/11/28
本篇文章將深入探討如何在 Flutter 中使用 Image 圖片元件。我們將涵蓋從資源管理到顯示本地資料夾中的圖片,以及如何載入網路圖片的完整過程。透過這篇文章,您將學會如何有效地管理圖片資源,並在應用程式中正確顯示圖片,提升您的 Flutter 開發技能。
Thumbnail
2024/11/26
這篇文章深入探討了 Flutter 框架中的 ElevatedButton(漂浮按鈕)元件。文章介紹了其基本用法,包括必填參數 onPressed 和 child 的解析,並示範了如何使用匿名函數來處理按鈕點擊事件。此外,還說明了如何設定按鈕的顏色和形狀,並提供了完整的範例程式碼。
Thumbnail
2024/11/26
這篇文章深入探討了 Flutter 框架中的 ElevatedButton(漂浮按鈕)元件。文章介紹了其基本用法,包括必填參數 onPressed 和 child 的解析,並示範了如何使用匿名函數來處理按鈕點擊事件。此外,還說明了如何設定按鈕的顏色和形狀,並提供了完整的範例程式碼。
Thumbnail
看更多
你可能也想看
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空,一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮,突然發現幾家商場都又開始重新上架,價格也都回到正常水準,估計是官方又再補了一批貨,想都沒想就立刻下單! 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷!
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
在這篇文章中,我們將一起學習如何建置 Windows 桌面應用程式的開發環境。安裝 Git for Windows 2.27 或更高版本。和 Visual Studio 2022(需選擇「Desktop development with C++」)。
Thumbnail
在這篇文章中,我們將一起學習如何建置 Windows 桌面應用程式的開發環境。安裝 Git for Windows 2.27 或更高版本。和 Visual Studio 2022(需選擇「Desktop development with C++」)。
Thumbnail
介紹了在 Windows 和 macOS 上如何建置 Flutter Android 應用程式開發環境的方法。包括硬體需求、軟體需求、安裝開發工具、設置 Android 開發環境、驗證安裝及開始開發等步驟。
Thumbnail
介紹了在 Windows 和 macOS 上如何建置 Flutter Android 應用程式開發環境的方法。包括硬體需求、軟體需求、安裝開發工具、設置 Android 開發環境、驗證安裝及開始開發等步驟。
Thumbnail
介紹在 macOS 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具,如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
Thumbnail
介紹在 macOS 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具,如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
Thumbnail
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具,如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
Thumbnail
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具,如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
Thumbnail
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app; macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
Thumbnail
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app; macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
Thumbnail
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter,以同時開發Android和iOS apps。
Thumbnail
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter,以同時開發Android和iOS apps。
Thumbnail
今天要來介紹如何在Fedora 作業系統上安裝Android Studio,小魚實際安裝Android Studio後發現步驟其實蠻簡單的。 然後整個安裝過程記錄在這篇文章,如果有不會安裝Android Studio的初學者可以參考這篇文章。 android studio 安裝 首先到an
Thumbnail
今天要來介紹如何在Fedora 作業系統上安裝Android Studio,小魚實際安裝Android Studio後發現步驟其實蠻簡單的。 然後整個安裝過程記錄在這篇文章,如果有不會安裝Android Studio的初學者可以參考這篇文章。 android studio 安裝 首先到an
Thumbnail
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
Thumbnail
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
Thumbnail
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
Thumbnail
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
Thumbnail
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
Thumbnail
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News