目录
前言
距离上一次写文章到现在有小半年的时间了，产出确实有点低了，这也和个人的懒惰有很大的关系，今天正好抽出空来写篇文章。一开始是打算写一篇年中总结的，但是想了想这半年自己也没什么值得说的分享给大家，所以还是聊点和技术相关的吧。最近在几个群里，很多朋友都想要学习Flutter相关的技术，所以今天就和大家来聊聊这个时下很热门的一个技术——Flutter，做移动端研发的应该多多少少都有听过这个东西吧，尤其做安卓的，不知道的也没关系，可以到谷歌或者百度上面搜索了解一下，我相信多多少少会让你眼前一亮。
一、Flutter到底是什么？
我们在谷歌上搜索就可以看到很多和flutter相关的内容，简单来说它是谷歌开发的一套开源的跨平台软件开发工具包，最初是支持移动端跨平台开发，可以运行在Android和iOS两个平台上。在今年5月份的谷歌I/O大会上，发布了Flutter 1.5预览版，同时支持Android、iOS、Web、桌面和嵌入式设备，可以说是做到了全平台的支持，不过由于目前尚不成熟，它在国内的使用率并不高，不过可以看到它是Google Fuchsia系统的主要开发应用工具，这个Fuchsi也是谷歌正在研发的新的系统，可以说Flutter是顶着光环横空出世的，未来前景还是非常好的。目前国内也有人在使用Flutter做移动端开发了，比如阿里的闲鱼团队就在部分模块使用了Flutter做了混合式开发，这里有一份闲鱼的访谈，可以看一下：https://mp.weixin.qq.com/s/kCa9qVBkvYRSAGmxyInIPQ。
Flutter的官方开发语音是Dart语言，它是谷歌开发的一门脚本语言，最初是为了替代JavaScript而生的，不过后来由于NodeJs的诞生，使得它又被遗忘在角落里了。不过它还是很幸运，被应用在了谷歌内部的一个名为Sky的移动开发框架项目上，从此进入了移动开发领域，后来这个Sky改了个名字，成为了现在的Flutter，并且Dart还被定为谷歌的未来操作系统Fuchsia的官方开发语言。在Dart2.0之前是弱类型语言，2.0开始变更为强类型语言，属于应用层语言，有自己的DartVM，通常情况下运行在自己的虚拟机上，但是在特定情况下它也可以编译成 Native Code 运行在硬件上（比如移动开发框架中,Flutter 会将代码编译成指定平台的 Native Code 以提高性能），它比 JAVA 简单，易于理解，比JavaScript 更加规范，更加工程化。
二、开发系统与工具选择
1、开发系统的选择
Windows和Mac都可以用来开发Flutter，那么我们该选用哪一个呢？来看一张对比图：
如果大家既想开发Android，又想开发iOS，在经济允许的条件下可以选择苹果电脑，如果没有iOS方面的需求，经济条件有限的情况下可以选择Windows电脑。
2、开发工具的选择
该选用Android Studio还是Visual Studio Code呢？
AS和VSCode都可以用来开发Flutter，VSCode因为是前端开发工具，所以它无法调试我们的Android项目，所以我们如果选择VSCode的话，还需要再装一个AS，但是AndroidStudio不光可以开发Flutter，还可以开发调试Android项目，另外有一个很重要的点，它是谷歌的亲儿子，因为Flutter是谷歌开发的，AndroidStudio也是谷歌开发的，所以Flutter的一些新特性，包括一些新的调试支持，AS是首先适配的，它的优先级要比VSCode高很多，所以推荐大家使用AS开发Flutter，它的开发体验和调试支持要比VSCode更加成熟，也是官方推荐的Flutter开发工具。
三、Flutter开发环境配置
1、系统要求
这里先以Mac系统为例作为说明，后续条件满足的话再补充Windows环境下的配置
2、设置Flutter镜像（非必须）
这一步主要是为了方便那些没有VPN或者不能翻墙的朋友，因为访问Flutter的环境需要能够访问外网。由于在国内访问Flutter可能会受到限制，所以Flutter官方为中国开发者搭建了临时镜像，需要注意的是，这个镜像是临时镜像，不能保证一直可以使用，可能会不定时的更新，大家可以从Flutter官网上面获取镜像服务器的最新动态：https://flutter.dev/community/china，打开网址页面往下滑就可以看到了：
然后大家可以把找到的环境变量配置到自己的用户环境变量中，如何配置呢？
首先打开终端，然后使用open -e .bash_profile命令打开我们的bash_profile文件，然后把上图中的环境变量export那两行复制放到profile文件的最后面，保存并关闭窗口，重新打开终端进入到文件中查看是否已经配置完毕，如下图所示，这样就完成了Flutter镜像的配置工作。
3、获取Flutter SDK
首先我们需要下载Flutter的SDK，这个可以到Flutter的官网上面进行下载，最好是下载一个稳定版的SDK：
我这边是下载了1.2.1的版本，下载完成之后解压安装包到一个你想要安装的目录下面，这个目录一定要记清楚，然后同样的需要把它配置到环境变量里面，和2步的方法一致，配置到.bash_profile文件的最下方，注意这里需要配置一个全路径到bin这一层，如下图所示：
到这里我们的Flutter开发环境就已经配置完成了，我们可以在终端上通过 flutter doctor 命令来检测一下是否安装成功，这个命令第一次运行的时候会很慢，运行成功以后它会列出已经安装配置好的列表项，我这里安装的是1.2.1的稳定版：
四、iOS开发环境配置
1、安装Xcode9.0或者更高的版本
这个大家可以根据自己的系统实际支持的版本而定，来下载自己需要的版本，两种方式：一、可以到官网上下载:https://developer.apple.com/xcode/ ；二、可以到App Store上下载，但是第二种现在好像只有最新版的安装包，所以如果你的系统不支持的话，还是需要自己去找到对应的版本下载。
2、配置Xcode命令行工具
通过命令：sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 即可安装xcode的命令行工具，后面的路径需要根据自己的实际安装路径进行配置。
3、确保Xcode许可协议是已经通过授权的
如果没有授权，可以通过一行命令来进行授权：sudo xcodebuild -license，如下图所示，授权完成根据提示按q退出即可：
4、设置iOS模拟器
通过命令：open -a Simulator
五、创建运行一个简单的Flutter项目
1、创建项目
通过命令：flutter create 项目名 来创建一个Flutter项目，如下图我在桌面的FlutterProject文件夹中创建了一个flutter_app的项目
2、查看项目目录
我们进入到项目中，查看里面都有哪些文件？
android、ios分别是flutter_app这个项目的安卓和iOS的宿主工程，pubspec.yaml是这个项目flutter依赖包配置的文件，lib是dart部分的代码，里面默认有一个main.dart可以直接运行的。
3、运行项目
同样的有两种方式，先来说第一种，可以直接通过命令行的方式运行，到项目的根目录下，然后通过命令：flutter run 即可运行项目；第二种通过Xcode工具打开项目的ios宿主工程，然后点击运行按钮也可以运行我们的项目，结果如图所示：
五、安卓开发环境配置
1、安装JDK
我想目前了解Flutter比较多的还是安卓从业者，所以相信大家对于安卓的开发环境都是很熟悉的，所以这里说的可能会快一点。首先需要安装的是JDK，可以到Oracle官网上下载，最简单的直接百度JDK下载就行了，我目前使用的是JDK1.8，下载完成之后，大家需要配置一下环境变量，这个网上有很多相关教程，大家可以自行查找：
2、安装AndroidStudio
这里给大家分享一个我常用的工具下载的网站，关于安卓的一切你都可以在里面找到：https://www.androiddevtools.cn/，下载你需要的AS版本的安装包解压按步骤安装即可，没什么复杂的步骤。
3、安装Flutter插件和Dart插件
打开AndroidStudio，在工具栏找到Plugins，然后搜索Flutter和Dart安装重启AndroidStudio即可：
4、打开运行Flutter项目
如果需要新建项目我们只需要start a new flutter project即可，按照步骤一步一步新建一个Flutter项目，如下图所示：
因为我们已经创建好了一个项目，所以我们直接打开刚刚创建的flutter_app，然后选择需要运行的模拟器或者真机，选择main.dart文件，点击运行按钮即可运行我们的项目：
写到这里，其实关于环境配置这块基本上就说的差不多了，因为毕竟这是一个全新的东西，所以还有很多未知需要我们去发掘，这里也只是学习了一下最先导的配置环境，工欲善其事必先利其器，准备工作做好了，才能开心的撸代码啊！
最后把Android和iOS两个平台的运行效果都贴一下吧，算是个结语啦，我也是个新手有什么不对的，欢迎留言探讨！
如下左侧是Android平台，右侧是iOS平台：
