Flutter入门一：安装Windows开发环境

Flutter.jpg

写在前面

Flutter是Google推出的一套移动端跨平台的UI框架，可以快速在Android和iOS平台构建高质量的原生UI界面，目前在全世界受到越来越多的开发者喜爱，并且还是开源、免费的。

Flutter是为了后期Google Fuchsia做准备，是未来构建Fuchsia应用的主要方式，所以，我们可以提前为未来做好准备，你觉得呢？

Flutter的1.0正式版于北京时间2018年12月5日发布，截至目前目前已更新至1.2.1.

Flutter支持在Windows、Mac等操作系统上开发。

Flutter官网

Flutter中文网

Flutter开发者

这里以安装Windows开安环境为例进行说明。

一、下载Flutter SDK

有两种方式下载Flutter SDK。

第一种方式：通过Flutter官网下载。

一般在国内，很可能下载失败，因为被墙的原因。我们可以通过换一种方式去下，见第二种方式。

第二种方式：通过Flutter源码Release版本下载。

打开Flutter源码Release版本链接地址https://github.com/flutter/flutter/releases，下载最新的zip到本地，如：D:\Dev_SW\FlutterSdk。

二、配置环境变量

1、配置用户变量PUB_HOSTED_URL

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

配置用户变量1.png

2、配置用户变量FLUTTER_STORAGE_BASE_URL

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

配置用户变量2.png

3、编辑系统变量Path

在path值最后增加flutter sdk的bin目录路径，如D:\Dev_SW\FlutterSdk\flutter-1.2.1\bin。

配置系统变量path3.png

三、命令行执行flutter doctor

打开cmd命令行工具，执行flutter doctor指令检测是否安装了相关依赖。

检测依赖.png

四、在Android Studio中安装Dart、Flutter插件

打开Android Studio，选择File---Settings---Plugins---Browse repositories...，然后输入Dart，选择正确的Dart插件安装，Dart安装完成后，输入Flutter，并选择对应的插件进行安装。

五、Android Studio新建Flutter工程

在Android Studio中，选择File---New---New Flutter Project，选择Flutter Application，点击下一步即可。

六、Flutter demo工程运行示例

demo.png