Flutter安装教程

前言

自Flutter beta版发布, 经过几个月的发展, 它已成为了github社区开源项目活跃度的Top50。
加上近日Google的Flutter Live 2018全球同步直播宣传,与 Flutter 1.0 正式版的发布,
Flutter更是成为了移动开发的热点。感觉它很有统一移动端的趋势(~ ̄▽ ̄)~

首先介绍下Flutter


Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
它也是构建未来的Google Fuchsia 应用的主要方式。

作为如今这么火热的移动开发框架, 我一个做安卓当然也要瞧一瞧( •̀ ω •́ )✧。

开始

下载sdk

首先下载Flutter的sdk包, windows用户的话直接点击下载

如果其它系统则点击这里

下载完成后解压至对应的安装目录, 我这里是C:\Softwares\flutter,完成后大概是这个样子:

Flutter安装教程

然后运行它的话可以直接双击flutter_console.bat文件。

更新环境变量

在对应用户或系统上的Path,上添加一条,定位至flutter的bin文件夹内,我的是C:\Softwares\flutter\bin, 根据你自己的安装位置选择。
添加成功之后打开cmd, 输入flutter,然后会显示如图结果:

Flutter安装教程

就表示成功了。

然后就用Android Studio来启动第一个flutter应用程序:

依次点击File -> Settings -> Plugings -> Browse repositories… ,然后搜索Flutter,如图:

Flutter安装教程

再点击安装。若弹出要求你继续安装的对话框,则按它提示安装。没有则再搜索Dart 进行手动安装。最后重启Android Studio。

重启后, 点击File -> New ,会多出 New Flutter Project…这个选项,点击进入,会有如图所示界面:

Flutter安装教程

点击第一个,再按提示输入信息

Flutter安装教程

若没有找到Flutter SDK Path,则手动选择之前flutter安装的位置,然后按提示继续就行了。

需要注意的时创建项目时可能需要*,总之有点慢,也可以手动进行换源解决。

创建成功之后,项目结构

Flutter安装教程

其中的android目录和正常的安卓目录几乎一样, 打开最里面的MainActivity,

Flutter安装教程

再点击如图提示位置,即可编写安卓相关代码,并直接调式。

最后附上运行效果图

Flutter安装教程

即是个简单的计数器demo