2021年12月29日 星期三

設定 Flutter 開發環境 (Windows)

1.  下載開發相關套件

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


 

1-2.  下載Flutter SDK

 

1-3.  下載Android Studio

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

2-1.  設定Flutter SDK路徑

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

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

View -> Command Paletted -> install extensions

3-2.  安裝Dart套件

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

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

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

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

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

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

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

5.  安裝Androd相關開發套件

5-1.  開啟SDK Manager的介面

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

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

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

6.  安裝Chrome 相關開發套件

6-1.  下載 Chrome 瀏覽器

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