Flutter簡介
Flutter 是 Google推出并開源的移動應用開發框架，主打跨平臺、高保真、高性能。開發者可以通過 Dart語言開發 App，一套代碼同時運行在 iOS 和 Android平臺。 Flutter提供了豐富的組件、接口，開發者可以很快地為 Flutter添加 native擴展。同時 Flutter還使用 Native引擎渲染視圖，這無疑能為用戶提供良好的體驗。
本文大部分是參考自Flutter官網 和Flutter中文網配套自己的親自實踐
系統要求
要安裝并運行Flutter，您的開發環境必須滿足以下最低要求:
- 操作系統: macOS (64-bit)
- 磁盤空間: 700 MB (不包括Xcode或Android Studio的磁盤空間）.
- 工具: Flutter 依賴下面這些命令行工具.
bash、mkdir、rm、git、curl、unzip、which
1.安裝Flutter
下載地址: https://flutter.dev/docs/get-started/install/macos
下載到一個適合的路徑，筆者是放到了個人Users路徑下。
2.添加flutter相關工具到path中
//執行命令
open ~/.bash_profile
//在打開的配置文件中，添加下面文件，注意最下面那個路徑要改成你下載好的flutter的路徑
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/moxuyou/flutter/bin:$PATH
保存退出，完成上面操作之后，執行
//1.刷新當前終端窗口
source $HOME/.bash_profile
//2.查看Flutter配置是否已經在PATH環境變量
echo $PATH
之后cd進入到你下載好Flutter的路徑，如筆者是/Users/moxuyou/flutter，接著執行flutter doctor命令。這時候會下載您可能需要安裝的剩余依賴項（時間比較長）。
在上面執行完成之后，一般的錯誤會是xcode或Android Studio版本太低、或者沒有ANDROID_HOME環境變量等，請按照提示解決。本機執行flutter doctor命令后提示老版本，需更新至最新版本。
執行flutter upgrade可以升級flutter sdk。該命令會同時更新Flutter SDK和你的flutter項目依賴包。如果你只想更新項目依賴包（不包括Flutter SDK），可以使用如下命令：
flutter packages get獲取項目所有的依賴包。
flutter packages upgrade 獲取項目所有依賴包的最新版本。
接下來安裝Android Studio，過程在此不一描述，參考
3.Android Studio配置Flutter環境
- 啟動Android Studio.
- 打開插件首選項 (Preferences>Plugins,Marketplace)或者快捷鍵comment , ，找到Plugins>Marketplace.
-
搜索Flutter找到插件并點擊 install安裝。
安裝Flutter插件.png
在安裝完成之后，重啟Android Studio后插件生效.
接下來配置Android Studio的Flutter路徑：
接下來配置配置Android Studio的Dart SDK路徑
在上面環境都配置完成之后，我們就可以創建我們第一個Flutter項目了。
運行項目：
體驗熱重載
1.打開lib/main.dart文件。
2.將字符串 'You have pushed the button this many times:' 更改為 'You have click the button this many times:'。
3.不要按“停止”按鈕; 直接點擊那個??按鈕，讓您的應用繼續運行，并刷新顯示出效果。
熱重載能大大的減少我們的開發時間，以后調UI不需要要重新跑一遍項目，修改完成之后立馬出效果。
下面是運行的效果：
如果你想運行真機，你需要依次執行下面的命令行：
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
iOS設備需要配置證書。
下面直接拷貝自Flutter中文文檔。
在你Flutter項目目錄中通過
open ios/Runner.xcworkspace打開默認的Xcode workspace.在Xcode中，選擇導航面板左側中的
Runner項目。在
Runnertarget設置頁面中，確保在 General > Signing > Team 下選擇了你的開發團隊。當你選擇一個團隊時，Xcode會創建并下載開發證書，向你的設備注冊你的帳戶，并創建和下載配置文件（如果需要）。-
要開始您的第一個iOS開發項目，您可能需要使用您的Apple ID登錄Xcode。
xcode賬號任何Apple ID都支持開發和測試，但若想將應用分發到App Store，就必須注冊Apple開發者計劃，有關詳情讀者可以自行了解。
-
當您第一次attach真機設備進行iOS開發時，需要同時信任你的Mac和該設備上的開發證書。首次將iOS設備連接到Mac時，請在對話框中選擇
Trust。添加信任然后，轉到iOS設備上的設置菜單，選擇 常規>設備管理 并信任您的證書。
-
如果Xcode中的自動簽名失敗，請驗證項目的 General > Identity > Bundle Identifier 值是否唯一.
驗證bundle id是否唯一 運行
flutter run啟動flutter應用程序（如果有多個運行設備，則需要運行命令flutter run -d 設備名）。
至此一個基本的flutter項目就配置完成了。除了Android Studio，Flutter還支持VSCode開發，下面再介紹下VSCode環境下創建/運行Flutter項目
VS Code安裝flutter插件
1.VS Code請自行安裝，安裝完成之后啟動 VS Code。
2.調用 View>Command Palette…。
3.輸入 ‘install’, 然后選擇 Extensions: Install Extension action。
4.在搜索框輸入 flutter ，在搜索結果列表中選擇 ‘Flutter’, 然后點擊 Install。
5.選擇 ‘OK’ 重新啟動 VS Code。
6.驗證配置
- 調用 View>Command Palette…
- 輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’ action。
- 查看“OUTPUT”窗口中的輸出是否有問題
創建Flutter應用
1.啟動 VS Code
2.調用 View>Command Palette…
3.輸入 ‘flutter’, 然后選擇 ‘Flutter: New Project’ action
4.輸入 Project 名稱 (如myapp), 然后按回車鍵
5.指定放置項目的位置，然后按藍色的確定按鈕
6.等待項目創建繼續，并顯示main.dart文件
體驗熱重載
1.打開lib/main.dart文件。
2.將字符串 'You have pushed the button this many times:' 更改為 'You have clicked the button this many times:'。
3.不要按“停止”按鈕; 讓您的應用繼續運行。
4.要查看您的更改，請調用 Save (cmd-s / ctrl-s), 或者點擊 熱重載按鈕 (綠色圓形箭頭按鈕)。
你會立即在運行的應用程序中看到更新的字符串。
連接設備運行Flutter應用
Window下只支持為Android設備構建并運行Flutter應用，而macOS同時支持iOS和Android設備。下面分別介紹如何連接Android和iOS設備來運行flutter應用。
連接Android模擬器
要準備在Android模擬器上運行并測試Flutter應用，請按照以下步驟操作：
啟動 Android Studio>Tools>Android>AVD Manager 并選擇 Create Virtual Device.
選擇一個設備并選擇 Next。
為要模擬的Android版本選擇一個或多個系統印象，然后選擇 Next. 建議使用 x86 或 x86_64 image .
在 “Emulated Performance”下, 選擇 Hardware - GLES 2.0 以啟用 硬件加速.
-
驗證AVD配置是否正確，然后選擇 Finish。
有關上述步驟的詳細信息，請參閱 Managing AVDs.
在“Android Virtual Device Manager”中，點擊工具欄的 Run。模擬器啟動并顯示所選操作系統版本或設備的啟動畫面。
運行
flutter run啟動您的設備。 連接的設備名是Android SDK built for <platform>，其中 platform 是芯片系列，如 x86。
連接Android真機設備
要準備在Android設備上運行并測試Flutter應用，需要Android 4.1（API level 16）或更高版本的Android設備.
- 在Android設備上啟用 開發人員選項 和 USB調試 。詳細說明可在Android文檔中找到。
- 使用USB將手機插入電腦。如果設備出現調試授權提示，請授權你的電腦可以訪問該設備。
- 在命令行運行
flutter devices命令以驗證Flutter識別您連接的Android設備。 - 運行啟動你應用程序
flutter run。
默認情況下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果想讓Flutter使用不同版本的Android SDK，則必須將該 ANDROID_HOME 環境變量設置為相應的SDK安裝目錄。
連接iOS模擬器
要準備在iOS模擬器上運行并測試Flutter應用，請按以下步驟操作：
-
在你的MAC上，通過 Spotlight 或以下命令找到模擬器：
open -a Simulator 通過檢查模擬器 Hardware > Device 菜單中的設置，確保模擬器正在使用64位設備（iPhone 5s或更高版本）。
根據你電腦屏幕大小，模擬高清屏iOS設備可能會溢出屏幕。可以在模擬器的 Window> Scale 菜單下設置設備比例。
運行
flutter run啟動flutter應用程序。
