Flutter 项目安装适配所碰到的坑（转）

之前在用facebook  的React Native跨平台框架，Fultter出来后想尝试下新的跨平台框架。

我所知道的跨平台开发框架如下：

1：react native：Facebook推出的，JSCore引擎，React设计模式（性能这块比安卓原生差很多）

2：Weex：阿里推出来的，JS V8引擎，Vue设计模式（Weex 的结构是解耦的，渲染引擎与语法层是分开的，也就是在 iOS 和 Android 上都实现了一个渲染引擎，使用JS封装更多的上层组件，但是性能和兼容性没有想象中的那么好）

3：Flutter：Google提出Engine引擎，响应式设计模式，跨平台兼容性极好，真正做到写一次代码，处处运行，而且是这三个性能之中最好的。

那么Flutter是基于FrameWork层开发App 的，运行在Engine上。Engine是flutter的虚拟机。由它去适配和支持跨平台。

Flutter不使用自己移动平台的原生控件，而是使用自己的Engine来绘制自己的widget。Flutter可以直接与Dart代码进行通信，不需要JS引擎。

Flutter就是未来跨平台的趋势，可以说是当前市面上最好的跨平台语言之一了。

Flutter可以热重载，保持当前状态，不用每次编译后都从首页进入到自己开发或者修改的界面。

Flutter不使用原生控件

Flutter提供了一组自己的widget，通过使用相同的渲染器、框架和widget，我们可以更轻松地同时发布iOS和Android应用，代码量也不会太多。极好地实现了跨平台趋势。

好了，不多说，首先开始环境搭建：

1：第一步最好现将环境变量给配好，方便flutter升级和一些功能使用，因为大部分童鞋的电脑都么有翻墙功能，所以需适配环境变量，如果你在国外就不需要这么麻烦，略过这边一步。

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2：下载Flutter SDK的网址：

https://flutter.io/sdk-archive/#windows

下载解压后，将flutter路径地址配置进系统Path 环境变量中。比如我的是：

D:\Program Files\flutter_windows_v1.2.1-stable\flutter_sdk\flutter\bin

我复制这个路径，右键我的电脑-->属性-->高级系统属性-->环境变量-->找到PATH，点击编辑-->在最后把刚复制的路径粘贴进来，-->一直保存确定就可以了。

接下来，使用flutter --version 查看一下版本号，看看环境变量配置好了没有，打开dos cmd

命令：下图为ok状态：

【大坑】注意：如果只输入flutter 或者输入flutter -version， 那么flutter以为是下达了自动更新命令，会自动更新最新版本，这个一定要注意了。

3：打开flutter命令行查看是否还需其它依赖项：

除了没有模拟器和链接真机外，显示没有问题，如果问题，cmd中都会有带！的显示提示。按照提示步骤一个个操作即可。

flutter新建的项目一定要放到英文目录下，否则会导致一些莫名其妙的错误。

AndroidStudio中需要安装flutter插件才可进行开发：

File --> settings --> Plugins --> Browse repositories，然后输入Flutter就可以下载了，Drat也是一样的道理。

实际上新安装的flutter插件自带Drat插件，本人就直接安装Flutter插件就ok了，没有去再安装Drat。

安装插件完成后，新建flutter项目：

按照步骤，next 新建完成。

完成后新建的项目和之前androidstudio 上的有所不同。

点击main.dart旁边的编译按钮 运行程序：

到此为止：有问题可以留言。