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环境
使用刚刚下载的flutter的sdk下的bin文件 的路径来配置环境变量
2.配置国内镜像
如果你在国内使用 Flutter,那么你可能需要找一个与官方同步的可信的镜像站点,帮助你的 Flutter 命令行工具到该镜像站点下载其所需的资源。你需要为此设置两个环境变量:PUB_HOSTED_URL
和FLUTTER_STORAGE_BASE_URL
,然后再运行 Flutter 命令行工具。
(1)PUB_HOSTED_URL https://pub.flutter-io.cn
(2)FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
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
1.3 输入命令行:flutter doctor
注意:
[√]这个是安装OK的,[X]是需要安装的,或者是已安装但是没有运行起来的。(具体这里面有标记[X]
的那些项如何安装后文有详细讲解,这里简单提一下。)
(三)开发工具的安装
(1)AS
Flutter对Android Studio的要求:需要安装3.0
或者更高的版本
。
关于AS安装,这个就不用说了,大家都安装了吧,jdk,sdk这些都配置好了吧.直接看下文好了。
(1)Flutter和Dart插件
File --> settings --> Plugins --> Browse repositories,然后输入Flutter就可以下载了,Drat也是一样的道理。
flutter:
dart:
(四)运行demo app
创建project过程和普通安卓项目是很类似的。
(一)打开AS,点击 File --> New Flutter Project,选择Flutter application
运行之后的截图:
最后贴几个学习相关学习网站
Flutter有关网站
-
Flutter官方文档 https://flutter.io/docs/
官方主页,英文版。 -
Flutter中文官网 https://flutter-io.cn/
官方的中文网,最新出来的,资料齐全,视频、博客、文档、最新咨询都有。 -
Flutter中文版网站 https://www.flutter123.com/ (不想翻墙的,推荐看这个网站)
自制的中文网,翻译更新的比较快,基本跟官网同步。 -
Flutter中文版网站 https://www.flutter123.cn/ (不想翻墙的,推荐看这个网站)
自制的中文网,翻译更新的比较快,基本跟官网同步。 -
Flutter Github地址 https://github.com/flutter/flutter
Dart有关网站
-
开源代码下载库 https://pub.dartlang.org/
三方库都可以在这里下载。 -
Dart语言官方主页 https://www.dartlang.org/
官方主页,英文版。 -
DartPad在线编辑器 https://dartpad.dartlang.org/
Dart语言的在线编辑器 -
DartPad的Github地址 https://github.com/dart-lang/dart-pad
DartPad的源码。