[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"
Refer:Flutter快速部署
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