Flutter开发（一）：环境配置

发表于 | 分类于

概述

Flutter的Beta1在今年2月份正式发布，现在开始尝试接触一下可以说刚刚好，快速拥抱新技术目前阶段必须要做的，无论是Kotin，还是Android O，第一时间尝鲜总归不是一件坏事。尽管Flutter框架还不算成熟，离实际的开发可能还有点距离，但是它是未来发展的一种趋势，就是因为它跨平台。

Flutter优点

为什么要学习Flutter，跨平台是其中的一个原因，另外Flutter还有热重载（修改后即时刷新），各种灵活的widget（相当于View），能保持几乎与原生一样的体验。无论你是Android开发还是iOS开发，我们可共用一套UI了。一波666送给它。。。

下载

Flutter SDK可以去Fluter github里面点击下载。
也可以在GIT的命令面板里输入：

git clone -b beta https://github.com/flutter/flutter.git

将Flutter克隆下来。

环境变量配置

如果下载的是压缩包就将其解压到目标盘里，例如D:\flutter。克隆下载的也是同样。
接下来需要将Flutter的bin目录添加到系统环境变量中。例如：

那么我就要

同时还要在用户变量中（注意是用户变量），添加3个如下变量：

ANDROID_HOME 变量值为你本地的Androdi SDK的路径
FLUTTER_STORAGE_BASE_URL 变量值为 https://storage.flutter-io.cn
PUB_HOSTED_URL 变量值为https://pub.flutter-io.cn

第一个ANDROID_HOME是集成了Android的SDK，这个好理解，后面两个FLUTTER_STORAGE_BASE_URL和PUB_HOSTED_URL是添加镜像，为使我们更好的科学上网。

安装依赖

假如环境变量配置无误，就可以在DOS窗口运行flutter命令了

flutter doctor

输入该命令后会去下载安装依赖；

如果已经安装依赖的话，会显示相应信息：

  • 是否安装Android SDK
  • 是否安装Flutter SDK
  • 是否安装AndroidStudio
  • 是否连接设备

    这里的[√] Connected device (1 available)是要连接已经开启USB调试的设备才会显示。
    到此环境基本搭建完成。

异常问题

  1. 出现如下图情况说明未配好FLUTTER_STORAGE_BASE_URL和PUB_HOSTED_URL
  2. 出现如下图情况，说明未配好ANDROID_HOME，未连接设备

新建Flutter项目

创建一个Flutter项目，File -> New -> New Flutter Project:

之后就该下载下载，该Build就Build，完成之后，看下工程的架构：

可以看出跨平台确实牛逼

总结

老实讲搭Flutter环境踩了不少坑，浪费了不少时间。公司网络不太稳定，下载总是失败，还要科学上网。AS版本不对，Gradle版本不对都有问题。而且公司电脑有绿盾，很多配置文件被加密了，没办法跑起来。都是坑啊。。。