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

在这里插入图片描述

写在前面

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
在这里插入图片描述

2、配置用户变量FLUTTER_STORAGE_BASE_URL

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
在这里插入图片描述

3、编辑系统变量Path

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

在这里插入图片描述

三、命令行执行flutter doctor

打开cmd命令行工具,执行flutter doctor指令检测是否安装了相关依赖。
在这里插入图片描述

四、在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工程运行示例

在这里插入图片描述