Flutter安装(环境搭建)

Flutter是Google(全球顶级互联网科技公司)的生的，后台够硬，毫无疑问Flutter即将或已经成为跨平台开发的主流，Flutter野心很大，可能会烧到Web前端。作为移动端开发者的你，如果不关注Flutter的话，实在说不过去啦！本文全方位演示Flutter 环境搭建。

一、搭建Flutter开发环境需要具备以下4样东西：

1、Flutter SDK （建议下载官网的，下载完直接能用）
2、下载Dart插件
3、下载Flutter插件
4、准备ide（Androidstudio或者IntelliJ IDEA）配置flutter的SDK即可

二、Flutter资源

官方网址：https://flutter.io/
Flutter中文网：https://flutterchina.club
中文开发者论坛：http://flutter-dev.cn/
官方英文文档传送门：https://flutter.dev/docs/get-started/install/windows 。
Flutter的源码GitHub仓库地址：https://github.com/flutter/flutter
Flutter社区中文资源网站：https://flutter.cn/
Dart语言中文社区—中国最大的Dart语言编程学习交流社区（该网站包含Dart系统的学习教程，内容比较丰富）:http://www.cndartlang.com/
Flutter插件资源中文网站（包括各种flutter相关的插件资源包）：https://icopy.site/#_3

三、软硬件环境

1.操作系统: Windows 7 或更高版本 (64-bit)
2.磁盘空间: 400 MB (不包括Android Studio的磁盘空间【本人使用的是Android Studio3.5】).
3.工具: Flutter 依赖Git命令行工具Git命令行工具下载

四、关于Flutter的渠道（channels）

Flutter有以下四个渠道（channel）–https://flutter.dev/docs/development/tools/sdk/releases，顺序按照稳定性依次增加：

master
当前代码树的顶端，最新的版本。一般有很多新功能，但是不保证以后会不会砍掉。

dev
以前叫alpha，是最新的完全测试过的版本。也包含了新功能，但是也会有一些"bad" dev builds，可以查看 Bad Builds 列表。

beta
每隔几周都会选取近几个月中最好的一个dev版本，当作beta版，这个版本是通过了Google的codelabs 测试的。每发布一个Beta版本时，通常会同时发行一个stable版本。

扫描二维码关注公众号，回复： 8631899 查看本文章

Stable
最稳定版本，也是默认建议下载版本。

所以开发的时候，可以选择beta或Stable。

五、获取Flutter SDK
1、由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

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

特别提醒：环境变量不是系统变量，而是用户变量
在这里插入图片描述
2.克隆bate分支到系统路径中：git clone -b beta https://github.com/flutter/flutter.git

进入漫长的等待环境。。。
假如各种原因下载不了，请到https://flutter.dev/docs/development/tools/sdk/releases下载解压即可。

3.将克隆下来的项目bin目录配置到环境变量Path中：
在这里插入图片描述
六.运行 flutter doctor

1.打开cmd窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装：
在这里插入图片描述
flutter doctor 时遇到的常见错误与解决

1. 在运行flutter doctor，出现以下错误：

[✓] Flutter (on Linux, locale en_US.UTF-8, channel master)

[✗] 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 visithttps://flutter.io/setup/#android-setupfor detailed instructions).

If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.

[✓] Android Studio (version 3.0.0)

• Android Studio at /home/f/App/android-studio

• Gradle version 3.2

• Java version OpenJDK Runtime Environment (build 1.8.0_112-release-b06)

[✓] Connected devices（1 available）
出现类似上面的这种错误，要仔细看错误信息来找原因
可以尝试以下解决方法：
添加环境变量ANDROID_HOME，把你android SDK的路径填上，重启电脑即可。

2. 在输入flutter doctor检查一下，出现以下错误
在这里插入图片描述
可以尝试以下解决方法：
输入 flutter doctor --android-licenses，接下来所有的输入 y 就可以了

3. 第三次flutter doctor，发现问题解决了
在这里插入图片描述
4. 如果你运行flutter项目的时候发现还提示你sdk未licenses，请检查项目中local.properties指定的sdk路径是否正确

特别注意：如果始终没法解决，可以先跳过这一步，我看也没有什么问题。

七、.搭建Android Studio开发环境
1.打开AndroidStudio–2.打开设置（setting）–3.打开plugins–4.搜索安装两个插件Dart和Flutter插件

在这里插入图片描述

注意：安装完成后重启AndroidStudio重新加载插件

1.安装插件后，欢迎页会出现Start a new Flutter project 的条目，表示成功安装了插件，此时我们可以通过此选项创建一个Flutter的项目,点击Start a new Flutter project进行项目的创建。
在这里插入图片描述

在这里插入图片描述
可以选择勾选是否要支持Androidx、kotlin、Swift。

七.创建过程中可能遇到的问题遇到的

1.项目创建完成后无法连接到调试设备,用ADB查看设备也是连接的，可是工具就是找不到设备，还弹出（No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.）的对话框，vs code也是连接不上的,开始自己遇到了这种问题，在网上搜索这种问题，大部分说的是，清除AndroidStudio的缓存，或者AndroidStudio的版本过高的问题，但是自己发现，这还是Flutter环境搭建的问题，导致了创建的项目也有问题。（清除缓存说法，也不妨试一试）.
在这里插入图片描述