一份完整的Android Studio搭建Flutter教程

android studio 教程 | 2018-07-14 19:15

Flutter 是能够帮助创建拥有漂亮 UI 界面的跨平台移动应用解决方案。Flutter 的界面设计与 web 应用类似,因此,你能够从 Flutter 上找到像使用 HTML/CSS 那样熟悉的感觉。 Flutter 将会帮你更容易,更快速的开发出界面美观的移动应用。 今天推荐一篇Flutter环境搭建的教程。

flutter开发SDK使用git克隆仓库下载。至于git的使用不是本篇文章介绍的内容,不熟悉git的请移步git使用详细教程在git命令行下输入如下命令:

注意: flutter的下载路径要全英文并且路径不能有空格!执行完命令后等待下载即可。

在系统环境变量path中添加刚刚下载的flutter的路径。将bin文件路径添加至path中win7添加效果:

由于笔者没有使用Win7系统,win7效果图是网上找的,其flutter下载路径在d盘,我的下载路径是放在c盘的,请读者根据个人目录设置。win10效果:

flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。下载过程相对耗时。尤其对于国内用户有时还是出现下载失败情况。笔者也是尝试多次才执行命令才成功。

安装成功后效果:

打开Android Studio -> File -> Settings -> Plugins

安装后效果:

同样的步骤搜索Flutter插件安装即可,安装完成效果:

插件安装完成后,重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

然后就一路Next,最后finish即可。

注意:对于国内开发者创建项目可能会卡在Create flutter .. 底部显示 building Symbols…状态。查看Console会提示Got socket error trying to find package at 

win7添加后效果:

win10添加后效果:

到此开发环境搭建完毕。

阅读更多

在这里获得的不仅仅是技术!