Flutter开发环境 Windows图文详解 Android Studio

Flutter是基于Dart语言编写的。主要优点：

1. 免费开源
2. 利用保持状态的热重载（Hot Reload）、全新的响应式框架、丰富的控件以及集成的开发工具这些特点进行快速开发。
3. 通过可组合的控件集合、丰富的动画库以及分层可扩展的架构来实现富有感染力的灵活界面设计。
4. 借助可移植的 GPU 加速的渲染引擎以及高性能本地 ARM 代码运行时以达到跨设备跨平台的高质量用户体验。
5. 提高效率：使用一套代码同时开发Android和iOS。
6. 可扩展性很强：Flutter框架本身提供了丰富的Material Design和Cupertino(iOS-flavor)风格的控件，可自由扩展控件不受手机平台控件的限制。

参考flutter中文网：https://flutterchina.club/get-started/install/

第一步，下载flutter

首先：配置镜像，官方的解释就是：

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

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

到想放flutter的文件夹内，右键打开git下载，Git  Bash【没有git bash？那就下载git】，打开Git  Bash如下图，我放在D盘新建的flutter文件内

输入 ：   

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

按回车，完成下载！完成如下图，

第二步，配置环境

在下载好的路径中，找到bin路径，

打开环境配置，配置环境：

以管理员身份运行，flutter.bat

第三步，打开 cmd 窗口，输入 flutter doctor 按回车

shift + 右键，选中“在此处打开命令窗口” ， 打开cmd窗口，输入flutter doctor

等他执行完，哈哈，

注意：如果你输入完flutter doctor命令等待一段时间如果出现以下错误请看下方解决办法（如果没有报错请跳过）：

配置环境

1）命令行输入第一条： set PUB_HOSTED_URL=https://pub.flutter-io.cn

2）命令行输入第二条：set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3）再次输入flutter doctor 命令即可执行成功

No  issues  found ，搞定了！

第四步，打开studio，把这两个插件添加下，然后重启就可以新建flutter项目啦...

搞定，重启Studio，就发现，可以新建Flutter项目啦。到这里，就完成了一大步。

项目创建成功，什么都没写，没关系，赶紧把项目跑起来（^.^）（^.^）（^.^）

打开模拟器【或者连接手机】点击运行！

哎呀，妈呀，这是什么鬼。

查找原因：win+R  输入  cmd   输入  adb

“adb”不是内部或外部命令，也不是可运行的程序或批处理文件

哦，原来是没配置好adb。

配置的几种方法就不在这里说了，最简单的配置方法：打开SDK中对应的路径， \ platform-tools 目录下找到adb.exe，AdbWinApi.dll，AdbWinUsbApi.dll并复制三个文件

将其复制到C：\用户\ Administrator目录下：

简单配置一下，跑起来。

运行项目，完美

搞定！flutter的开发环境就配置好了

趁现在有空，简单写了个Demo放github，感兴趣的兄弟可以简单看下，https://github.com/MAXiuLuo/FlutterApp