1. 下載開發相關套件

 
1-1. 下載 Visual Studio Code 的IDE套件
 
  1_VSC_Web
 
 
2_VSC_Dwn
 
1-2. 下載Flutter SDK
 
3_Flutter_SdkDwn

 

1-3. 下載Android Studio

 

13_Android_Studio_Dwn

 

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

 

2-1. 設定Flutter SDK路徑

 

4_Set_Env

 

5_Set_Env2

 

 

 

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

 
3-1. 開啟擴充套件介面:
View -> Command Paletted -> install extensions
 
6_Flutter_Inst_Exten
 
3-2. 安裝Dart套件
 
7_Dart_Inst
 
3-3. 安裝 Flutter 擴充套件介面
 
8_Flutter_Inst
 
3-4. 執行flutter doctor 確認安裝結果
 
9_Flutter_Res
 
 
4. 安裝Visual Studio 開發相關套件
 
4-1. 依目前Flutter支援的Visual Studio下載對應的版本
 
10.VS_Dwn_0
https://docs.flutter.dev/get-started/install/windows
 
10.VS_Dwn
Flutter Ver. 2.15.1 + Visual Studio Community 2019 Ver.16.11
 
4-2. 安裝使用C++的桌面開發套件
 
11_VS_Inst
 
4-3. 執行flutter doctor 確認安裝結果
 
9_Flutter_Res
 
5. 安裝Androd相關開發套件
 
5-1. 開啟SDK Manager的介面
 
14_SDK_Msg_1
 
5-2. 安裝Android SDK Command-line Tools
 
15_SDK_Msg_2
 
16_SDK_Msg_3
 
5-3. 執行flutter doctor --android-licenses
 
18_SDK_Msg_5
 
5-4. 執行flutter doctor 確認安裝結果
 
19_SDK_Msg_Res2
 
6. 安裝Chrome 相關開發套件
 
6-1. 下載 Chrome 瀏覽器
 
20_Chrome_Dwn
http://www.google.com/intl/zh-TW/chrome/
 
6-2. 執行flutter doctor 確認安裝結果
 
21_Chrome_Res