設定 Flutter 開發環境 (Windows)

跨碼軟體有限公司-avatar-img
跨碼軟體有限公司
更新於 發佈於 閱讀時間約 3 分鐘

1.　　下載開發相關套件

　　1-1.　　下載 Visual Studio Code 的IDE套件

raw-image
raw-image

　　1-2.　　下載Flutter SDK

raw-image

　　1-3.　　下載Android Studio

raw-image

2.　　安裝及解壓縮相關開發套件

　　2-1.　　設定Flutter SDK路徑

raw-image
raw-image

3.　　安裝Visual Studio Code開發擴充套件介面

　　3-1.　　開啟擴充套件介面：

　　　　View -> Command Paletted -> install extensions

raw-image

　　3-2.　　安裝Dart套件

raw-image

　　3-3.　　安裝 Flutter 擴充套件介面

raw-image

　　3-4.　　執行flutter doctor 確認安裝結果

raw-image

4.　　安裝Visual Studio 開發相關套件

　　4-1.　　依目前Flutter支援的Visual Studio下載對應的版本

https://docs.flutter.dev/get-started/install/windows

https://docs.flutter.dev/get-started/install/windows

Flutter Ver. 2.15.1 + Visual Studio Community 2019 Ver. 16.11

Flutter Ver. 2.15.1 + Visual Studio Community 2019 Ver. 16.11

　　4-2.　　安裝使用C++的桌面開發套件

raw-image

　　4-3.　　執行flutter doctor 確認安裝結果

raw-image

5.　　安裝Androd相關開發套件

　　5-1.　　開啟SDK Manager的介面

raw-image

　　5-2.　　安裝Android SDK Command-line Tools

raw-image
raw-image

　　5-3.　　執行flutter doctor --android-licenses

raw-image

　　5-4.　　執行flutter doctor 確認安裝結果

raw-image

6.　　安裝Chrome 相關開發套件

　　6-1.　　下載 Chrome 瀏覽器

http://www.google.com/intl/zh-TW/chrome/

http://www.google.com/intl/zh-TW/chrome/

　　6-2.　　執行flutter doctor 確認安裝結果

raw-image


留言
avatar-img
留言分享你的想法！
avatar-img
跨碼軟體有限公司的沙龍
3會員
9內容數
跨碼軟體有限公司的沙龍的其他內容
2022/04/22
Dart 如何使用C語言函式庫 (Windows)
　　雖然Dart 語言本身支援跨平台的編譯方式，但在實務開發時還是不免需要使用外部非Dart語言所提供的函式庫進行功能開發且由於C 語言是最為廣泛且通用的程式語言，因此Dart語言也有提供支援與C語言函式庫互通性的方式；本篇主要是以MSVC作為C的編譯器來實作說明如何引用C語言會遇到的作法。
Thumbnail
2022/04/22
Dart 如何使用C語言函式庫 (Windows)
　　雖然Dart 語言本身支援跨平台的編譯方式，但在實務開發時還是不免需要使用外部非Dart語言所提供的函式庫進行功能開發且由於C 語言是最為廣泛且通用的程式語言，因此Dart語言也有提供支援與C語言函式庫互通性的方式；本篇主要是以MSVC作為C的編譯器來實作說明如何引用C語言會遇到的作法。
Thumbnail
2022/02/13
實戰Flutter程式開發 - Roulette Wheel Selection
本範例主要說明如何運用Flutter 繪圖與動態相關的API並搭配provider套件進行實作輪盤賭選擇 ( Roulette Wheel Selection ) 程式。
Thumbnail
2022/02/13
實戰Flutter程式開發 - Roulette Wheel Selection
本範例主要說明如何運用Flutter 繪圖與動態相關的API並搭配provider套件進行實作輪盤賭選擇 ( Roulette Wheel Selection ) 程式。
Thumbnail
2022/01/24
Flutter 模組(Module) 專案範例(Android)
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
2022/01/24
Flutter 模組(Module) 專案範例(Android)
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
Thumbnail
看更多
你可能也想看
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
渡狼／DL
蝦皮開箱｜TOMICA 吉伊卡哇 烏薩奇兔兔小車
TOMICA第一波推出吉伊卡哇聯名小車車的時候馬上就被搶購一空，一直很扼腕當時沒有趕緊入手。前陣子閒來無事逛蝦皮，突然發現幾家商場都又開始重新上架，價格也都回到正常水準，估計是官方又再補了一批貨，想都沒想就立刻下單！ 同文也跟大家分享近期蝦皮購物紀錄、好用推薦、蝦皮分潤計畫的聯盟行銷！
#吉伊卡哇#開箱#蝦皮分潤計畫
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
阿千看世界
2025年綜合所得稅繳稅教學：線上申報、信用卡回饋、拆單攻略！
每年4月、5月都是最多稅要繳的月份，當然大部份的人都是有機會繳到「綜合所得稅」，只是相當相當多人還不知道，原來繳給政府的稅！可以透過一些有活動的銀行信用卡或電子支付來繳，從繳費中賺一點點小確幸！就是賺個１%~2%大家也是很開心的，因為你們把沒回饋變成有回饋，就是用卡的最高境界 所得稅線上申報
#2025所得稅#綜合所得稅#繳稅有回饋
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】如何在 Windows 上安裝 Flutter SDK
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
#Flutter開發指南#Flutter學習筆記#Flutter教學
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】如何在 Windows 上安裝 Flutter SDK
介紹在 Windows 上安裝 Flutter SDK 的三種主要方法。第一種是從 Flutter 官方網站手動下載並安裝。第二種方法是通過 Visual Studio Code 整合式開發環境安裝。第三種方法則是使用命令列工具，如 Chocolatey 。讀者可根據需求選擇合適的安裝方式。
#Flutter開發指南#Flutter學習筆記#Flutter教學
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】Flutter 開發環境介紹
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app； macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
#Flutter開發指南#Flutter學習筆記#Flutter教學
Thumbnail
avatar-avatar
HKT實驗室
【Flutter 學習筆記】Flutter 開發環境介紹
主要介紹 Windows 和 macOS 的 Flutter 開發環境。需下載安裝 Flutter SDK 、 Visual Studio Code 、Android Studio 等相關可以開發 Android app； macOS 則需安裝 Xcode 等相關可以開發 iPhone app 。
#Flutter開發指南#Flutter學習筆記#Flutter教學
Thumbnail
avatar-avatar
小白的主人沙龍
在 MacBook Air M1 上輕鬆安裝 Flutter：完整指南！
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter，以同時開發Android和iOS apps。
#Flutter安裝#MacBook Air#Apple Silicon
Thumbnail
avatar-avatar
小白的主人沙龍
在 MacBook Air M1 上輕鬆安裝 Flutter：完整指南！
本文教你如何在配備 M1 晶片的 MacBook Air 上安裝Flutter，以同時開發Android和iOS apps。
#Flutter安裝#MacBook Air#Apple Silicon
Thumbnail
avatar-avatar
匿名李的沙龍
Python新手學習0
Python安裝、外部程式包安裝(pip install xxx)、Hello World 【安裝Python】 Visual Studio Code-Download 進入vscode(延伸模組) 安裝中文介面(輸入ch搜尋) 安裝 搜尋命令提示字元 命令提示字元打python 創建檔案
Thumbnail
avatar-avatar
匿名李的沙龍
Python新手學習0
Python安裝、外部程式包安裝(pip install xxx)、Hello World 【安裝Python】 Visual Studio Code-Download 進入vscode(延伸模組) 安裝中文介面(輸入ch搜尋) 安裝 搜尋命令提示字元 命令提示字元打python 創建檔案
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 模組(Module) 專案範例(Android)
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
#flutter#android#androidstudio
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 模組(Module) 專案範例(Android)
說明Flutter 模組(Module)專案範例的架構與如何載入Android專案中的流程與執行畫面
#flutter#android#androidstudio
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 插件 (Plugins) 專案範例
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
#flutter#android#visualstudiocode
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 插件 (Plugins) 專案範例
說明Flutter 插件(Plugin)專案範例的架構與實際載入並執行在各平台的顯示畫面
#flutter#android#visualstudiocode
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 骨架 (Skeleton) 專案範例
說明Flutter 骨架(skeleton)專案範例的架構與在各平台執行的顯示畫面
#flutter#skeletonproject#windows
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
Flutter 骨架 (Skeleton) 專案範例
說明Flutter 骨架(skeleton)專案範例的架構與在各平台執行的顯示畫面
#flutter#skeletonproject#windows
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
設定 Flutter 開發環境 (Windows)
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
#Flutter#Windows#visualstudiocode
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
設定 Flutter 開發環境 (Windows)
說明如何在Windows系統中安裝 Flutter 與 Visual Studio Code 的開發環境
#Flutter#Windows#visualstudiocode
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
設定 Flutter 開發環境 (Linux)
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
#linux#flutter#visualstudiocode
Thumbnail
avatar-avatar
跨碼軟體有限公司的沙龍
設定 Flutter 開發環境 (Linux)
說明如何在Linux系統中安裝 Flutter 與 Visual Studio Code 開發環境
#linux#flutter#visualstudiocode
Thumbnail
avatar-avatar
匿名李的沙龍
C++ 新手教學0
Visual studio code(VS Code)，Hello World !
#新手教學#C#新格友報到
Thumbnail
avatar-avatar
匿名李的沙龍
C++ 新手教學0
Visual studio code(VS Code)，Hello World !
#新手教學#C#新格友報到
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News