Flutter开发环境搭建教程及避坑指南_Android版

https://flutterchina.club/setup-windows/
flutter中文网站

1. JDK

1.1 到 ORACLE官网 下载适合自己系统版本的JDK,然后安装。
Flutter开发环境搭建教程及避坑指南_Android版_第1张图片
1.2 配置系统环境变量

新增一个 JAVA_HOME 的环境变量,对应你的JDK安装路径
Flutter开发环境搭建教程及避坑指南_Android版_第2张图片
然后在系统的Path变量后面追加:;%JAVA_HOME%\jdk_7u51\bin;%JAVA_HOME%\jre7\bin;

1.3 查看环境变量是否配置成功
在CMD窗口运行 “java -version” 命令查看,如下显示版本号,则表示配置成功。
Flutter开发环境搭建教程及避坑指南_Android版_第3张图片

2. Git

Flutter 依赖 Git 命令行工具,所以需要安装Git工具。
到 Git官网 下载安装包并安装,同样需要讲Git的启动目录添加至 Path 系统环境变量中(同上)。我的安装目录是 E:\git\Git-2_21_0\Git 。所以Path环境变量中追加 E:\git\Git-2_21_0\Git\bin。

配置完成后,运行 git --version 查看是否配置成功。如下显示版本号,则表示配置成功。
Flutter开发环境搭建教程及避坑指南_Android版_第4张图片

2. Android Studio

下载并安装Android Studio。完成后打开 AS ,根据提示下载好 Android SDK。

要想在 AS 中使用 Flutter,还要安装相应的插件:FlutterDart
Flutter 插件:用于支持Flutter开发工作流 (运行、调试、热重载等);
Dart 插件: 提供代码分析 (输入代码时进行验证、代码补全等)。

在 Settings -> Plugins 面板找到 Flutter 插件,点击 install 即可。
Flutter开发环境搭建教程及避坑指南_Android版_第5张图片
我们知道,Flutter 是使用 Dart 语言进行开发的。所以 AS 直接也把 Dart 插件给安装上了。
Flutter开发环境搭建教程及避坑指南_Android版_第6张图片

3. Flutter SDK

3.1 下载flutter SDK

  1. 直接通过git下载。CMD窗口进入到安装路径下,运行 git clone -b stable
    https://github.com/flutter/flutter.git
    Flutter开发环境搭建教程及避坑指南_Android版_第7张图片
  2. 可到Flutter官网下载。下载下来的zip包解压后,需要在flutter SDK根目录生成,git文件,否则会报错。(该种方法不推荐,容易出奇怪的问题。)
    Error: The Flutter directory is not a clone of the GitHub project.
    The flutter tool requires Git in order to operate properly;
    to set up Flutter, run the following command:
    git clone -b stable https://github.com/flutter/flutter.git

3.2 添加Flutter环境变量

同样,添加Flutter的启动路径 x:\xxx\flutter-1.2.1\bin 到系统变量 Path 中。

由于Flutter在第一次运行时,需要下载一些资源和依赖,在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
Flutter开发环境搭建教程及避坑指南_Android版_第8张图片
重启计算机确保配置生效。

3.3 利用flutter doctor命令检查开发环境

打开终端窗口或者PowerShell,运行命令一下命令

flutter doctor

第一次运行 flutter doctor 时,它会下载一些依赖项并自行编译,所以第一次比较慢,耐心等待。以后再运行就会快得多。
Flutter开发环境搭建教程及避坑指南_Android版_第9张图片

可以看到,系统提示我们一个错误。意思大致是提示我们需要安装 Android license。

Android license status unknown.

我们执行下 flutter doctor --android-licenses
好,再次运行 flutter doctor 命令

运行时提示错误:
1、该情况运行 flutter doctor --android-licenses 即可
[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)
X Android licenses not accepted. To resolve this, run: flutter doctor
–android-licenses
[√] Android Studio (version 3.1)
[!] Connected device
! No devices available

按照提示运行 flutter doctor --android-licenses 即可。

4. 运行第一个Flutter应用

运行时,报错
1、检查 android/build.gradle中,定义的版本号与当前安装的AS版本是否一致。
dependencies {
classpath ‘com.android.tools.build:gradle:3.1.4’
}

2、检查android/gradle/wrapper/gradle-wrapper.properties 中定义的gradle版本是否可用。
distributionUrl=https://services.gradle.org/distributions/gradle-4.4-all.zip

你可能感兴趣的:(开发环境搭建问题)