Flutter 环境搭建
本地环境
Widnwos 7 64 位
- IntelliJ IDEA 2017.2.6
- Java 1.8
- Gradle 4.8.1
- Git
- Android SDK
1. 通过 IDEA 下载 Android SDK
1File | Settings | Appearance Behavior | System Settings | Android SDK
记得要下载一个 Android 系统镜像
配置 AdnroidSDK 的环境变量
- ANDROID_HOME=D:\AndroidSDK
这里的 D:\AndroidSDK 要换成你自己的本地路径
2. 下载 Flutter SDK
配置环境变量:
- PUB_HOSTED_URL=https://pub.flutter-io.cn
- FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
使用 git 下载 flutter
1git clone -b beta https://github.com/flutter/flutter.git
配置 Flutter 的环境变量, 在 path 环境变量后面直接添加 flutter 的路径就可以
检查一下 flutter 安装情况, 在命令行执行 flutter doctor
- flutter doctor
- Doctor summary (to see all details, run flutter doctor -v):
- [] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
- [] Android toolchain - develop for Android devices (Android SDK 28.0.0-rc2)
- [X] Android Studio (not installed)
- [] IntelliJ IDEA Ultimate Edition (version 2017.2)
- [!] Connected devices
- ! No devices available
- ! Doctor found issues in 2 categories.
出现上面的结果就说明成功了.
如果你出现了下面的这种结果:
- [] Android toolchain - develop for Android devices
- Unable to locate Android SDK.
- Install Android Studio from: https://developer.android.com/studio/index.html
- On first launch it will assist you in installing the Android SDK components.
- (or visit https://flutter.io/setup/#android-setup for detailed instructions).
- If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
应该是本地没有 Android SDK, 或者没有配置 $ANDROID_HOME 的环境变量
3. 配置 IDEA
安装 Dart 插件, Flutter 插件. 安装后需要重启.
注意: 最好使用管理员权限打开 IDEA, 否则后面会出现一系列的问题
创建一个 flutter 项目. 创建一个 Android 模拟器.
如果这个时候你很幸运的可以运行, 那么就不用往下看了.
到这里之后, 我明明创建了一个 android 模拟器, 但是, 点击运行的时候一直提示
1No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.
使用管理员权限打开就没问题了!
4. Gradle 的坑
能够显示模拟器了, 点运行的时候会一直停在 Initializing gradle 的地方.
- Launching lib\main.dart on Android SDK built for x86 64 in debug mode...
- Initializing gradle...
检查一下 Gradle 的环境变量. 如果没有就需要配置一下
GRADLE_HOME=D:\tools\gradle-4.8.1
追加 path 环境变量 ;%GRADLE_HOME%\bin
用管理员权限打开 IDEA
如果还不行, 用 IDEA 的 Terminal 执行下面的命令
- cd android
- gradlew
下面是运行时的结果:
- E:\workspace\hello_flutter>cd android
- E:\workspace\hello_flutter\android>gradlew
- > Configure project :app
- File C:\Users\unicom\.android\repositories.cfg could not be loaded.
- Checking the license for package Android SDK Platform 27 in D:\AndroidSDK\licenses
- License for package Android SDK Platform 27 accepted.
- Preparing "Install Android SDK Platform 27 (revision: 3)".
- "Install Android SDK Platform 27 (revision: 3)" ready.
- Installing Android SDK Platform 27 in D:\AndroidSDK\platforms\android-27
- "Install Android SDK Platform 27 (revision: 3)" complete.
- "Install Android SDK Platform 27 (revision: 3)" finished.
- > Task :help
- Welcome to Gradle 4.1.
- To run a build, run gradlew <task> ...
- To see a list of available tasks, run gradlew tasks
- To see a list of command-line options, run gradlew --help
- To see more detail about a task, run gradlew help --task <task>
- BUILD SUCCESSFUL in 1m 0s
- actionable task: 1 executed
- E:\workspace\hello_flutter\android>flutter doctor
- Doctor summary (to see all details, run flutter doctor -v):
- [] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
- [] Android toolchain - develop for Android devices (Android SDK 28.0.0-rc2)
- [X] Android Studio (not installed)
- [] IntelliJ IDEA Ultimate Edition (version 2017.2)
- [!] Connected devices
- ! No devices available
- ! Doctor found issues in 2 categories.
再次点击运行. 我的成功的在模拟器上运行了.
如果, 还是不能运行: 追加 CLASS_PATH 环境变量:;%GRADLE_HOME%\lib
PS: 不得不吐糟一下 flutter 对 Windows 用户太不友好了.
学习一种新的技术, 如果遇到问题 Github 上的 https://github.com/flutter/flutter/issues 区, 是最好的去处!!
来源: https://juejin.im/entry/5b30bac851882574c82d9959