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
 

 

arrow
arrow
    文章標籤
    Windows Flutter
    全站熱搜
    創作者介紹
    創作者 跨碼軟體有限公司 的頭像
    跨碼軟體有限公司

    跨碼軟體有限公司

    跨碼軟體有限公司 發表在 痞客邦 留言(0) 人氣()