多图超详细安装flutter&Android Studio开发环境,并配置插件

2019-07-23 10:46:02 浏览数 (1)

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

【推荐全屏观看】

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

<!-- 第一步,查看flutter中文网, -->

网址:https://flutterchina.club/

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

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

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

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

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

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

D:讲课实战项目开发Devflutter_Dev,

解压缩之后是这样,

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

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

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

<!-- 第二步,安装Android Studio -->

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

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

网址;

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

就点击 【下载Android Studio】按钮

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

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

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

到这一步,安装Android Studio,结束。看,很简单,什么访问外国网站啊,什么git拉取啊,不存在的。

<!-- 第三步,配置Android Studio -->

1、安装dart、flutter插件

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

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

安装flutter插件同样操作,

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

<!-- 第四步,设置真机调试 -->

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

<!-- 第五步,开始运行flutter -->

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

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

这时,点击运行按钮,

<!-- 第六步,开始填坑 -->

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

解决方案如下,

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

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

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

解决方法:

在flutter控制台里运行,

flutter doctor --android-licenses,

然后一路yes,就可以了。

<!-- 我自己遇到的网上没有的坑 -->

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

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

0 人点赞