[Flutter] MacOS/Windows Flutter 環境走一遍

 

MacOS Install

　　下載 FlutterSDK 並解壓，/xxx/flutter/bin 的路徑加入到 PATH 環境變量，這樣終端中可以使用 flutter 命令。

　　運行 `flutter doctor` 檢測，根據提示安裝 android 和 ios 要求的工具。

　　安裝 Android stuio，安裝 flutter 插件，打開 Reference > Plugins > Browse repositories > flutter，設置參考 Windows 部分。

　　安裝 Xcode 9.0 以上，根據 `flutter doctor` 提示安裝工具鏈。

 

---

 

Windows Install

　　1.系統須要：> win7+
　　　　　　　　> 400M磁盤空間
　　　　　　　　Windows PowerShell（Windows 搜索框中找）
　　　　　　　　Git for Windows 2.x，能在 cmd 使用 git 命令

　　2.下載 Flutter SDK 穩定版：

　　https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip

　　解壓到不須要特殊權限的位置，進入 flutter 目錄，雙擊 flutter_console.bat 啓動

　　（更新SDK見：https://flutter.io/docs/development/tools/sdk/upgrading）

 

　　3.更新 Path

　　編輯系統環境變量（windows搜索框），把 flutter\bin 的路徑追加到 Path 中，以 ；隔開或者新加一行

　　保存後就能夠在 PowerShell 中任意位置使用 flutter 命令了。

 

　　4.運行 `flutter doctor`

　　若是沒有 Android SDK，那麼能夠經過安裝 Android Studio（https://developer.android.com/studio），

　　IDE 啓動時會安裝 Android SDK 組件。安裝好 Android SDK 後，設置 $ANDROID_HOME 指向安裝的路徑，或者設置安裝路徑到 Path 環境變量中。

　　運行 `flutter config --no-analytics` 不向 google 發送特性使用的統計和 crash 報告 。

　　5.Android設置

　　安裝 Android Studio（https://developer.android.com/studio）

　　啓動 Android 設備，須要 Android 4.1（API level 16）或更高。

　　　　1）設備開啓 Developer options 和 USB debugging。（https://developer.android.com/studio/debug/dev-options）

　　　　2）Windows上安裝 Google USB Driver。（https://developer.android.com/studio/run/win-usb）

　　　　3）用一根USB線，把手機插到電腦上，若是有彈框，受權電腦訪問手機。

　　　　4）在終端中運行 `flutter devices` 來覈實 flutter 識別的已鏈接的 Android 設備。

　　　　默認 flutter 使用 adb 工具使用的 Android SDK 版本，若是要使用其它版本的，須要設置 $ANDROID_HOME 指定要使用的 SDK 安裝的位置。

　　　　（備註：若是沒有USB，那麼能夠在 WiFi 下面使用 Adb 的方式；手機下載 「遠程Adb」 APP，打開開關須要 ROOT 權限；Windows Android Studio 的 Setting 裏搜 sdk，找到 Sdk 所在目錄（C:\Users\weichen\AppData\Local\Android\Sdk），在 Sdk\platform-tools\adb.exe 所在目錄下編輯一個 .bat 文件，內容是手機APP上的命令如 adb connect 192.168.3.101:55555， 保存後雙擊運行它，運行成功後APP提示是否容許 USB 調試，肯定後，在 PowerShell/Terminal 中輸入 flutter devices  能夠看到鏈接的設備， flutter doctor 檢查還有沒有問題 ）

　　　　加入幾個環境變量，設置 SDK 目錄和方便使用 adb 命令：

　　　　　　新加 ANDROID_HOME  環境變量值爲 C:\Users\weichen\AppData\Local\Android\Sdk

　　　　　　Path 環境變量加入新值 %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%ANDROID_HOME%\emulator

　　　　從新打開 PowerShell 運行命令 adb --help 查看。

 

　　啓動 Android 模擬器
　　　　1）開啓機器的 VM加速。（https://developer.android.com/studio/run/emulator-acceleration）
　　　　2）啓動 Android Studio > Tools > Android > AVD Manager 並選擇 Create Virtual Device.
　　　　3）選擇一個設備定義並選擇 Next 下一步。
　　　　4）爲想要模擬的 Android 版本選擇一個或多個系統，選擇 Next 下一步，建議 x86 或 x86_64。
　　　　5）在模擬表現下，選擇 Hardware - GLES 2.0 開啓硬件加速。（https://developer.android.com/studio/run/emulator-acceleration）
　　　　6）驗證 AVD 配置是否正確，並點擊 Finish。（https://developer.android.com/studio/run/managing-avds）
　　　　7）在 Android 虛擬設備管理器中，點擊工具欄上的 Run。 模擬器啓動並顯示所選操做系統版本的默認圖像。

　　　　（備註：AndroidStudio3 以上沒有 Android 選項，直接 ctrl+shift+a 搜索 avd，進入 AVD Manager 照着上面設置）

 

設置編輯器 Android Studio 的 flutter 和 dart 插件：

　　Files > Settings > Plugins > Browser Repositories 搜索 flutter 安裝並重啓編輯器。

 

測試驅動

　　建立一個 APP

　　　　File > New Flutter Project

　　　　選擇 Flutter application，Next，注意 Flutter SDK 路徑就是你下載的 Flutter 的位置。

　　　　注意 Project location。

　　　　填寫 Project name，Finish。

　　　　

　　運行 APP

　　　　在工具欄上有一個三角形的運行按鈕，點擊前選擇好 Device，第一次運行起來比較慢。 

　　　　

 

　　試驗熱重載

　　　　更改 lib\main.dart 裏面的 Text：You have pushed the button this many times，保存查看模擬器裏的更新。

 

---

 

[FAQ]

1. Dart SDK 下載超時解決：設置國內鏡像源

$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

2. 運行 `flutter doctor` 提示以下須要升級，執行："/xxxx/sdkmanager" "platforms;android-28" "build-tools;28.0.3"

 

Install：https://flutter.io/docs/get-started/install

  > Windows：https://flutter.io/docs/get-started/install/windows

  > MacOS：https://flutter.dev/docs/get-started/install/macos

LearnMore：https://flutter.dev/docs/get-started/learn-more

ApiReference：https://docs.flutter.io/

FlutterPackages：https://pub.dartlang.org/flutter

Link：http://www.javashuo.com/article/p-ampltvob-r.html