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

 

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

    跨碼軟體有限公司

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