前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >多图超详细安装flutter&Android Studio开发环境,并配置插件

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

作者头像
web前端教室
发布2019-07-23 10:46:02
1.2K0
发布2019-07-23 10:46:02
举报
文章被收录于专栏:web前端教室web前端教室

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:\讲课\实战项目\开发Dev\flutter_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,这二个。其它的没有任何问题,我看网上还有人遇到模拟器白屏,但我直接使用真机调试,所以也没有遇到这个问题。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-07-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档