背景
去年年底谷歌正式推出flutter1.0,拥有跨平台、体积小、效率高、用户体验流畅等优点。今日,记录一下我的首个flutter应用的诞生过程,操作系统是win10
搭环境
下载flutter源码
提前安装好git,而后找个地方新建文件夹,名字不能有中文或空格,而后把flutter的beta分支拷下来
git clone -b beta https://github.com/flutter/flutter.git
添加环境变量
首先把flutter的bin目录路径添加到path里,而后新建两个环境变量,键值对分别是:
PUB_HOSTED_URL https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
注意键值对前面都不能有空格,这两个是为了在不能翻墙的情况下,避免下载组件时卡死
运行命令
完成后,打开cmd,先运行flutter,只要不是找不到程序或批处理文件就行
而后运行 flutter doctor,检测并下载相关组件,运行效果如图

说我们的AS没有装dart和flutter,所以我就打开3.2的AS(老的AS是调研small插件化时装的,此刻可忽略),在file->Settings里的plugin里安装dart和flutter,而后重启AS就行
建工程
重启完AS后,就可以新建flutter工程了,file->new->new flutter project,然后一路next直到finish,正常来说界面应该是这样的

然后直接点上面的绿色三角运行就行了,建议用真机测试,编译时间有点儿长,等就行了。
运行结果截图如下所示

遇到的问题
error: Target of URI doesn't exist: 'package:flutter/material.dart'. (uri_does_not_exist at [flutter....
新建项目一出来,main.dart到处是红线报错,下面信息栏提示uri的目标找不到。
解决方法:在cmd下运行flutter upgrade,而后重启AS
Error Unable to 'pub upgrade' flutter tool. Retrying in five seconds... (8 tries left)
运行flutter upgrade时报错,连不上网
解决方法:确认两个环境变量PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是不是配置正确,键值对前后不要加空格
Error: Not found: 'dart:ui' import 'dart:ui' as ui show Paint, Path, Canvas
点击运行后,报错找不到dart:ui
解决方法:点击运行按钮左边的main.dart右边的向下的三角,打开下拉框,选择蓝鸟一样的main.dart,而不是方块形的main.dart

然后点绿三角就能运行了 |