快速開始 Flutter

一. 簡介 Flutter

Flutter 是受到React刺激之下所開發出來的model framework, 開發語言是使用Dart ,Widgets在裡面扮演重要的View 回傳figuration and state,當widget的state改變時計算差異,在回傳最小的變化改變render tree.

二.安裝 Flutter (Mac)

1. 安裝環境：

• 作業系統：macOS (64-bit)
• 容量有 700MB 以上 （請多計算 xcode & android & vsCode 空間）
• 並可以使用相關cmd指令,如bash, mkdir, rm, git, curl, unzip, which

2. 創建一個資料夾development並下載檔案 flutter_macos_v0.4.4-beta.zip

3.輸入以下指令:

$ cd development 
$ unzip flutter_macos_v0.4.4-beta.zip

4. 將 Flutter 輸入到環境變數內部

$ export PATH='pwd'/development/flutter/bin:$PATH
// 舉例 PATH=/Users/tw00089923/development/flutter/bin:$PATH

5. 輸入指令flutter doctor 評估Mac環境

6.依照 flutter doctor 上評估安裝軟體

• Xcode
• Android Studio
• Vs Code

7. 先安裝可以使用 Apple模擬器為主

 open -a Simulator.app

8.開啟 Vs code, 並安裝插件

9. 恭喜您可以開始使用 Flutter 開發了

三.快速開局

1. 命令選擇區 > Flutter : New Project > [輸入檔案名稱] hello_world

2. 偵錯 > 啟動偵錯 [F5]

3.觀測 Simulator 是否正常

四. 參考

• 官網 Google 出品一定有保證 「不過是英文編寫」
• Codelabs 中文教學
• CN
• The Magic of Flutter [powerpoint]