Android Studio配置Flutter指南

在 Google I/O ’17 上,Google 向我们介绍了 Flutter —— 一款新的用于创建移动应用的开源库。

Flutter是什么呢?它是Google使用Dart语言开发的移动应用开发框架,用来帮助开发者在iOS和Android平台上开发高性能、高质量的原生应用。Flutter是跨平台的免费开源UI框架,iOS和Android可以共用一套代码。

一、Flutter的安装

要安装并运行Flutter,你的开发环境必须满足这些最低要求:
这里以windows系统为例(https://flutter.io/setup-windows/),

(一) 系统要求:Windows 7 SP1或更高版本(64位),磁盘空间:400 MB(不包括IDE /工具的磁盘空间)。CPU请用intel的,CMD的不能开发安卓(卡到爆!!)!内存条8G以上就行,其他硬件不做要求。

二、配置环境变量

1.配置Flutter环境

Android Studio配置Flutter指南

使用刚刚下载的flutter的sdk下的bin文件 的路径来配置环境变量

2.配置国内镜像

如果你在国内使用 Flutter,那么你可能需要找一个与官方同步的可信的镜像站点,帮助你的 Flutter 命令行工具到该镜像站点下载其所需的资源。你需要为此设置两个环境变量:PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL,然后再运行 Flutter 命令行工具。

(1)PUB_HOSTED_URL      https://pub.flutter-io.cn

Android Studio配置Flutter指南

(2)FLUTTER_STORAGE_BASE_URL  https://storage.flutter-io.cn

Android Studio配置Flutter指南

3 .flutter 命令行

1.1  win + R 快捷键,输入cmd,回车,输入flutter doctor,回车。

这个命令初次运行可能会很慢,Flutter会自动安装所需依赖,并进行编译。建议科学上网

使用flutter doctor命令下载的dart sdk会放到flutter安装路径/bin/cache/dart-sdk目录(例如:我的路径是:E:\develop\flutter)。

【注意】直接下载dart sdk是无法再flutter中使用的,使用flutter doctor命令下载的dart sdk是阉割版的dart,很多api都有变更,并且flutter和dart版本号是一一对应的,直接下载dart sdk是最新的,不适用于flutter。切记!!别为了图一时方便直接下载dart sdk,放到flutter安装路径/bin/cache/dart-sdk目录而导致flutter无法使用!!!

1.2 打开Flutter sdk下的flutter_console.bat

Android Studio配置Flutter指南

1.3 输入命令行:flutter doctor

Android Studio配置Flutter指南

注意:
[√]这个是安装OK的,[X]是需要安装的,或者是已安装但是没有运行起来的。(具体这里面有标记[X]的那些项如何安装后文有详细讲解,这里简单提一下。)

(三)开发工具的安装

(1)AS

Flutter对Android Studio的要求:需要安装3.0 或者更高的版本

关于AS安装,这个就不用说了,大家都安装了吧,jdk,sdk这些都配置好了吧.直接看下文好了。

(1)Flutter和Dart插件

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

flutter:

Android Studio配置Flutter指南

dart:

Android Studio配置Flutter指南

(四)运行demo app

创建project过程和普通安卓项目是很类似的。

(一)打开AS,点击 File --> New Flutter Project,选择Flutter application

运行之后的截图:

Android Studio配置Flutter指南

最后贴几个学习相关学习网站

Flutter有关网站

Dart有关网站