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
分别搜索这两个如下图
图片描述

第三步:选择ttl比较低的(较好)
第四步:打开电脑好host文件(window为例)
图片描述

第五步:打开hosts文件编辑
图片描述

第六步:刷新文件
图片描述

刷新后git clone速度会快一点
图片描述

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

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

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

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

还要新建一个
图片描述

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

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

接下来运行 flutter doctor
图片描述

接下来安装Android Studio
图片描述

图片描述

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


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

flutter devices

顺利找到设备


【2】创建应用

图片描述

flutter create myapp

图片描述

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

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

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

构建打包完成app
自动安装到手机上
图片描述


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

猜你喜欢

转载自www.cnblogs.com/homehtml/p/11895661.html