Flutter 跨平台開發架構-安裝與開發工具

什麼是Flutter?
  Flutter是一個能建立跨平台開發的架構，並使用程式語言(dart)進行開發撰寫，
讓Android與iOS平台使用。
  Flutter會將撰寫好的程式編譯成原生的機器碼，讓Android與iOS能讀得懂我們撰寫的程式，
所以效能上基本與原生相同。在Flutter中所有的UI都是用widget組合堆疊出來的，
使用大量的widget搭配組合就可以組出各種不同的效果。

Dart程式語言
  Dart是由Google所開發出的程式語言，屬於物件導向語言，
寫法上非常相似於C#、Java、TypeScript。所以只要有這些程式語言的基礎，
學習的門檻其實非常的低。

下載Flutter(windows環境)
  Flutter可以直接透過git下載，本篇文章使用SourceTree工具進行安裝。
  SourceTree工具可至https://www.sourcetreeapp.com/取得
  開啟SourceTree，依照下方畫面選擇Clone，
URL輸入 https://github.com/flutter/flutter.git
並在本機端選定一個目錄放置程式，
於下方的進階選項中，選擇stable分支後，按下Clone就可將目前最新的Flutter版本載回來了

Flutter安裝:
  進入到剛剛SourceTree下載的Flutter目錄中，執行flutter_console.bat

  開啟命令視窗後，輸入flutter doctor，它會自動檢查環境與下載Flutter SDK

設定環境變數
下載完SDK後，接著要設定環境變數，之後就可以在命令視窗或power shell執行flutter指令

找到Path變數並編輯，將下載目錄中的bin完整路徑加入進去

開發工具
  Flutter可使用Android Studio或Visual Studio Code進行開發，
本篇文章使用Visual Studio Code。

首先至https://developer.android.com/studio
安裝Android Studio，他會一併安裝Android SDK
接著一樣在環境變數中設定SDK的位置，

預設安裝會建立一個模擬器，
開啟命令視窗輸入flutter emulators可以看到當前能開啟的模擬器
以下圖為例
輸入 flutter emulators --launch Pixel_3a_API_30_x86
就能執行該模擬器


接著安裝Visual Studio Code
https://code.visualstudio.com/
並安裝Dart、Flutter擴充元件

最後在命令視窗中，輸入flutter doctor --android-licenses
然後都按下Y同意到最後


於命令視窗執行flutter doctor看看是否還有問題

最後我們在命令視窗中，輸入flutter create {你的專案名稱}來建立新的Flutter專案，
並以VSCode開啟專案目錄，選擇lib=>main.dart，按下F5開始偵錯
執行成功就能看到預設專案的範例APP囉