flutter学习之环境安装及相应问题处理方案
2018-09-11 本文已影响46人
Mr丶xi先森
flutter是google使用dart语言开发的免费的可以运行在android和ios平台上的应用,并且经过大量测试反馈,有良好的性能,质量。
flutter是基于Dart语言的,相对于有以下优点:
- 开源
- 热重载
- 跨平台
- 扩展性强
这里开始准备安装flutter环境(由于我是一位android开发所以这次的安装也是基于Android Studio的)
1. 先看看环境对硬件的要求
1.win7 sp1或者更高版本(64位)
2.400mb (不包含ide/工具的磁盘空间)
3.android sdtudio 3.0或者更高的版本
4.Android 4.1或者更高的版本
5.Android模拟镜像推荐使用x86或者x86_64
2.硬件满足了,我们再来安装软件(这一步我是基于git完成的,当然你也可以直接下载压缩包,然后解压使用)
用git命令下载flutter sdk
git clone -b alpha https://github.com/flutter/flutter.git
当然也可以下载beta分支的版本
git clone -b beta https://github.com/flutter/flutter.git
3.配置环境变量
打开刚刚下载的flutter sdk找到bin目录然后复制这个bin路径,列如我的是E:\Flutter_Sdk\flutter\bin,然后找到环境变量,我的电脑--右击--属性--高级系统设置--环境变量--找到path,点击编辑,把刚才复制的路径,粘贴到后面,记得与之前的指,用分号分开哦,然后一路保存就可以了
![](https://img.haomeiwen.com/i317062/3446bc14a1bc29d4.png)
![](https://img.haomeiwen.com/i317062/d03d21f7a8c67e94.png)
![](https://img.haomeiwen.com/i317062/241fc4d95081c08e.png)
![](https://img.haomeiwen.com/i317062/79c33fb3d53e8277.png)
接下来就打开对应的,命令看看是否配置成功了,可以试试flutter,或者flutter -version,我是在flutter sdk中的flutter console.bat里面执行的,直接在cmd里面识别不了,我也不知道怎么回事
打开flutter console.bat是这个样子的,
![](https://img.haomeiwen.com/i317062/06c3bb0893120699.png)
![](https://img.haomeiwen.com/i317062/4cb5df6cb1cf4e64.png)
![](https://img.haomeiwen.com/i317062/feede8894017379f.png)
![](https://img.haomeiwen.com/i317062/3c3a9e965e6eef71.png)
配置国内镜像(国内的大环境,大家都懂得)
直接设置两个环境变量(方法详细看前面flutter sdk的环境变量)
上海交通大学 Linux 用户组 FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn Flutter 社区 FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn PUB_HOSTED_URL: https://pub.flutter-io.cn
![](https://img.haomeiwen.com/i317062/d80e7a3a3740a3b0.png)
4.安装Android studio以及flutter插件等(android studio的安装这里就就不说了哦,下面我们直接看插件相关)
![](https://img.haomeiwen.com/i317062/d2d6abb372faa3db.png)
![](https://img.haomeiwen.com/i317062/91fc96dc068600ed.png)
![](https://img.haomeiwen.com/i317062/fa02c54ee24fd246.png)
![](https://img.haomeiwen.com/i317062/7b89e93f83904a4a.png)
![](https://img.haomeiwen.com/i317062/3da32a8954893dca.png)
点击完成,到这里就算是安装完成了,可以细细体验你的劳动成果了
5.体验劳动成果
![](https://img.haomeiwen.com/i317062/ed1a28292d25c550.png)
![](https://img.haomeiwen.com/i317062/be6f6155f104c85b.png)
![](https://img.haomeiwen.com/i317062/a3802b2f1e170d4c.png)
这里记录一下安装过程中遇到的问题
![](https://img.haomeiwen.com/i317062/a6bd918cb24e97e8.png)
![](https://img.haomeiwen.com/i317062/8bc06f5d99358492.png)