1. 下載開發相關套件

 
1-1. 下載 Visual Studio Code 的IDE套件
 
1_VSC_Web
 
2_VSC_Dwn
 
1-2. 下載Flutter SDK
 
3_Flutter_Dwn
 
1-3. 下載Android Studio
 
9_Android_Dwn
 
2. 安裝及解壓縮相關套件
 
2-1. 安裝Visual Studio Code 和解壓縮Flutter SDK
 
4_VSC_Flutter_Unpkg
 
2-2. 解壓縮Android Studio檔案
 
5_VSC_Flutter_AddPath
 
2-3. 安裝Git套件
 
6_Flutter_InstGit
 
2-4. 設定相關的系統環境變數
在bashrc檔案中設定: (1) Flutter SDK (2) Android Studio路徑
5_VSC_Flutter_AddPath
 
3. 安裝Visual Studio Code開發擴充套件介面
 
3-1. 開啟擴充套件介面:
View -> Command Paletted -> install extensions
 
6_VSC_Inst_Exten
 
3-2. 安裝Dart套件
 
7_VSC_Dart_Install
 
3-3. 安裝 Flutter 擴充套件介面
 
8_VSC_Flutter_Install
 
4. 安裝Androd相關開發套件
 
4-1. 開啟SDK Manager的介面
 
11_Android_Sdk
 
4-2. 安裝Android SDK Command-line Tool
 
12_Android_SdkCmd
 
4-3. 執行flutter doctor 確認相關套件是否安裝完成,若否則執行flutter doctor --android-licenses
 
13_Android_Res_1
 
4-4. 執行Flutter doctor 確認 Android 相關套件是否安裝完成
 
14_Android_Res_2
 
5. 安裝Chrome相關開發套件
 
5-1. 下載Chrome 瀏覽器
 
15_Chrome_Dwn
 
5-2. 安裝 Chrome 瀏覽器套件和執行flutter doctor確認安裝結果
 
16_Chrome_Unpkg_Doctor
 
6. 安裝Linux相關開發套件
 
6-1. 安裝 Linux Desktop Application 開發套件
 
17_Linux_Dwn_Lib
 
6-2. 開啟支援 Linux Desktop App 功能
 
18_Linux_En_linux_App
 
6-3. 執行flutter doctor 確認安裝結果
 
19_Linux_flutter_doctor