Flutter：Flutter初探

前言：

本人作为一名多年的Android Developer，在Flutter 1.0正式发布后，肯定要积极拥抱 Google 推出的新产品；且在大前端走向统一的大势所趋之下，更要应对 IT 技术的变化和变革，所以开启了Flutter 之旅。

本文环境：windows 10，Android Sutiod 3.2.1，Git。

目录：

1，Flutter介绍

2，Flutter安装

3，Flutter与Android Studio

开始：

1，关于Flutter：

Flutter 是谷歌2018年发布的跨平台移动UI框架。

Flutter技术关键词：

1）Google 出品；2）Dart语言；3）Flutter Engine引擎；4）响应式设计模式；5）原生渲染。

网上已经有太多对Flutter的介绍了，我查阅了很多，觉得该文章总结的挺好，分享给大家：

https://baijiahao.baidu.com/s?id=1608650340331187704&wfr=spider&for=pc

等有时间了，我再回来把我个人的观点补上，已经迫不及待去开始 Flutter的 ”Hello World“ 了，go go go，follow me！

2，Flutter的安装包括：

• Git；
• Flutter SDK：包括Flutter的引擎、框架、widgets、工具和Dart SDK；
• Android Studio IDE；
• Plugin for your IDE：你必须为您的IDE单独安装Flutter 和 Dart插件，官方也提供了 VS Code 和 IntelliJ 的插件。

Git的安装和使用可参考我的博客：https://blog.csdn.net/u011287967/article/details/84878869。

Flutter SDK的安装有两种方式：

1，Flutter 官网：https://flutter.io/docs/development/tools/sdk/archive#windows（科学上网哦！）

2，Flutter GitHub：https://github.com/flutter/flutter

我采用了第二种方式，下载，解压（为了方便，我新建了文件夹，copy 文件夹bin，dev，examples，packages，flutter_console.bat，到新文件夹中）：

配置环境变量（path-->D:\Flutter\flutter100\bin），双击flutter_console.bat 启动flutter命令行，执行 

 flutter doctor

目的：

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务（以粗体显示）

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

第一次运行一个flutter命令（如flutter doctor）时，它会下载它自己的依赖项并自行编译。以后再运行就会快得多。

failure1：git 'master' no git commit

解决：在 flutter_console.bat 和 文件夹bin 所在文件夹中 添加本地仓库（git init，git add .，git commit -m "xxx"）;

failure2：等待很久提示失败

解决：没有科学上网导致的，请使用镜像

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

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

注意： 此镜像为临时镜像，并不能保证一直可用，请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

failure3：

例如:

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ xxxx run: flutter android --xx
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.

根据"x"的提示，做出操作；

failure and all：

Oops; flutter has exited unexpectedly；

encountered exception: VersionCheckError: Command exited with code 128: ......；

GIT fatal: ambiguous argument 'HEAD': unknown revision or path not in the working tree；

等等，根据日志操作，基本就可以完成了，我的最后效果：

Android Studio的安装，我就不详细描述了，可参考 AS官网：https://developer.android.google.cn/studio/；

下一步就是：android studio 中flutter和dart插件的安装，也很简单，直接上图：

Restart Android Studio，就可以新建一个 Flutter 的工程了：

Run：

恭喜大家，Flutter 的 ”Hello World“ 已正式启动，我们已经迈出了Flutter之旅的第一步，加油！

结语：

本文主要是搭建Flutter 开发的环境，我们将在下一篇开始一个的正式的应用程序。

参考：

https://flutterchina.club/

https://flutter.io/