Flutter学习之windows下的初体验

背景

去年年底谷歌正式推出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

然后点绿三角就能运行了