flutter环境搭建及跑起来demo(多图慎入)

发布时间:2019-06-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了flutter环境搭建及跑起来demo(多图慎入)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

话不多说,直接上

【1】环境搭建

  1. 从gIT上面clone下来
git clone -b beta https://github.COM/flutter/flutter.git

由于国内网络的问题,我就出现失败如下图
图片描述

解决办法如下
图片描述

git config --global http.postBuffer 524288000

网络慢!下载速度只有几kb?
解决办法如下
第一步:http://tool.chinaz.com/dns到...
第二步:
github.global.ssl.fastly.net
assets-cdn.github.com
分别搜索这两个如下图

flutter环境搭建及跑起来demo(多图慎入)

第三步:选择TTL比较低的(较好)
第四步:打开脑好host文件(window为例

flutter环境搭建及跑起来demo(多图慎入)

第五步:打开hosts文件编辑

flutter环境搭建及跑起来demo(多图慎入)

第六步:刷新文件

flutter环境搭建及跑起来demo(多图慎入)

刷新后git clone速度会快一点

flutter环境搭建及跑起来demo(多图慎入)

完成从git把flutter clone下来的步骤

2.配置本地的环境变量(window)
path里面

flutter环境搭建及跑起来demo(多图慎入)

你们flutter clone到哪里,path就要指向到flutter里面的bin文件夹
新建系统变量

flutter环境搭建及跑起来demo(多图慎入)

FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn

还要新建一个

flutter环境搭建及跑起来demo(多图慎入)

PUB_HOSTED_URL
https://pub.flutter-io.cn

PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是谷歌的国内临时镜像

接下来运行 flutter doctor

flutter环境搭建及跑起来demo(多图慎入)

接下来安装AndROId Studio

flutter环境搭建及跑起来demo(多图慎入)

flutter环境搭建及跑起来demo(多图慎入)

这里还需要配置android_home等,因为之前有开发过cordova的东西,所以这些就不详细写出来,这些下载的包也可以到android sdk里面去下载


完成这些后电脑连接手机(要安装驱动)

flutter环境搭建及跑起来demo(多图慎入)

flutter devices

顺利找到设备


【2】创建应用

flutter环境搭建及跑起来demo(多图慎入)

flutter create myapp

flutter环境搭建及跑起来demo(多图慎入)

创建成功,并检查了一下手机的连接情况

flutter环境搭建及跑起来demo(多图慎入)

进入项目文件夹run
提示需要 android sdk platform 27 和 android sdk build-tool 26.0.2
那就到android sdk里面去下载一下

flutter环境搭建及跑起来demo(多图慎入)

下载完android sdk platform 27后,在看build-tool,已经有最新版的了,就flutter run了一下,成功跑起来

flutter环境搭建及跑起来demo(多图慎入)

构建打包完成app
自动安装到手机上

flutter环境搭建及跑起来demo(多图慎入)


到这里demo跑起来了,深夜写完,走过路过给个赞呗

脚本宝典总结

以上是脚本宝典为你收集整理的flutter环境搭建及跑起来demo(多图慎入)全部内容,希望文章能够帮你解决flutter环境搭建及跑起来demo(多图慎入)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。