WEB前端程序开发web前端教室

多图超详细安装flutter&Android Studi

2019-07-21  本文已影响9人  我是老尚

flutter是什么我就不多说了,网上有许多的介绍文章。看了许多安装过程文章,都说需要翻墙啊,安装git拉到仓库什么的,搞的巨复杂。但我昨晚从零开始成功安装flutter开发环境,并成功运行示例demo,期间并没有翻墙,我也没有安装git。

网上的很多flutter安装文章其实都比较旧了,许多都是2018年的,我看最近的也是2019年1月的。所以现在把我的安装flutter的过程记录一下,包括期间遇到的,网上没有的坑,

网址:https://flutterchina.club/

image

点击快速开始按钮,进入【起步:安装Flutter】,我是win10,所以我选择window按钮,

image image

进入【入门: 在Windows上搭建Flutter开发环境】页面,点击【获取Flutter SDK】,跳转到这里,

image

点击去flutter官网下载安装包的【点击下载】按钮,跳转到这里,

https://flutter.dev/docs/development/tools/sdk/releases?tab=windows#windows

image image

选择【Dev channel (Windows)】版的最新版本:1.8.2,下载。

下载结束之后,就解压缩,这是我的路径,

D:\讲课\实战项目\开发Dev\flutter_Dev,

解压缩之后是这样,

image

然后,在Flutter安装目录的flutter文件下找到flutter_console.bat,

image

双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了,

image

到这里,flutter,就安装完了。一点不复杂,网上说的要设置环境变量什么的,是说,你安装结束后,双击flutter_console.bat时打开的是flutter的命令行。如果你想用win的cmd,就需要设置环境变量。我估计是这样哈,因为我没搞使用win的cmd控制台来运行flutter。

image

点击【下载并安装 Android Studio】,但是奇怪的是,这个链接,我的电脑无法打开网页。开始时我以为这里就是需要翻墙的网址了,但我把这网址发给别人却可以正常打开。

我这里打不开网址的原因未知,所以我就在【Android Studio中文社区】开发者工具那直接下载的,

网址;

http://www.android-studio.org/

image

就点击 【下载Android Studio】按钮

下载之后,是这样的图标,

image

然后就双击开始安装,这个没有啥,但要注意它的安装目录的路径,不能有中文名。装完之后是这样,

image

然后双击,studio64.exe,开始运行,

image image

到这一步,安装Android Studio,结束。看,很简单,什么翻墙啊,什么git拉取啊,不存在的。

1、安装dart、flutter插件

点击 file->setting->plugins,在plugins的插件搜索框里,输入dart,

image

因为我已经安装过了,所以我截图上的installed按钮是灰色的,你没安装的时候是那种亮绿色的。

安装flutter插件同样操作,

image

然后重启Android Studio。之后再打开Android Studio时,点击flie->new,你就会看到new flutter project选项,

image

我的手机是android手机,型号是modoZ,怎么把android设置成usb调试模式,网上有很多教程,自己百度一下就可以了。这个步骤我就不说了。

把android手机设置为usb调试模式之后,用usb线连接到电脑,这时你的Android Studio应该是这样,

image

也就是这里要显示你手机的型号,反正这里我是一次成功。然后确保你打开的flutter项目文件是,main.dart文件

image

这时,点击运行按钮,

image

【1】、Initializing gradle...,时间超长,

解决方案如下,

image

网上已经有很多资料,我就不再重复了。多试试就ok啦,很简单

【2】、Warning: License for package Android SDK Build-Tools 28.0.3 not accepted,

image

此截图来此网络,因为我已经解决了,所以不再报这个错。

解决方法:

在flutter控制台里运行,

flutter doctor --android-licenses,

然后一路yes,就可以了。

我的360防火墙把Android Studio的什么请求给阻止了,通过之后就好了。所以同学们要注意自己电脑的网络防火墙。

我遇到的问题就是Initializing gradle...,时间超长,和Warning: License for package Android SDK Build-Tools 28.0.3 not accepted,这二个。其它的没有任何问题,我看网上还有人遇到模拟器白屏,但我直接使用真机调试,所以也没有遇到这个问题。

整个的安装过程,基本上就是这样,并没有太复杂,也没有翻墙,也没有什么git。想学习flutter的同学可以加我微信:blazeloulan,拉你入学习群。

上一篇下一篇

猜你喜欢

热点阅读