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

话很少说,直接上android

【1】环境搭建

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

因为国内网络的问题,我就出现失败以下图
图片描述git

解决办法以下
图片描述github

git config --global http.postBuffer 524288000

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

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

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

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

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

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

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

看大家把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跑起来了,深夜写完,走过路过给个赞呗

相关文章
相关标签/搜索