FlutterWeb开发之-版本升级

2019-09-16

DOUBI

最近 Flutter 发布到了 1.9 版本了，已经将 flutter_web 合并到了主分支，所以就将我之前开始的 web 项目也升级到 1.9 吧，正好也感受一下新版本的 Flutter。

我使用的是 1.9.7

➜  nishihouziqinglaidedoubima_fe git:(master) flutter --version
Flutter 1.9.7 • channel unknown • unknown source
Framework • revision 4984d1a33d (3 weeks ago) • 2019-08-28 17:04:07 -0700
Engine • revision f52c0b9270
Tools • Dart 2.5.0

之前的 pubspec.yaml 是这样的：

name: nishihouziqinglaidedoubima_fe
environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0-dev.0.1 <3.0.0'
dependencies:
  flutter_web: any
  flutter_web_ui: any
dev_dependencies:
  build_runner: ^1.4.0
  build_web_compilers: ^2.0.0
dependency_overrides:
  flutter_web:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web
  flutter_web_ui:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web_ui

升级之后：

name: nishihouziqinglaidedoubima_fe
environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0-dev.0.1 <3.0.0'
dependencies:
  flutter:
    sdk: flutter
dev_dependencies:
  flutter_test:
    sdk: flutter
  build_runner: ^1.4.0

dependency_overrides 之类的都不需要了，简简单单，跟开发其它平平台的 App 类似，不需要再做额外的配置了。

启用 web 配置：

1	flutter config --enable-web

运行：

1	flutter run -d chrome

试了一下在 vim 里面运行 FlutterRun 也是可以的，一样可以用 vim 开发 Flutter_web 项目，爽歪歪。

build：

1	flutter build web

其实主要问题这个项目之前就是使用 flutter_web 创建的，所以升级到 1.9 的时候还是有点懵逼的，而且文档也没有讲，只能自己摸索着升级了，如果你是创建一个新的 web 项目，那就按官方文档来做吧，几个命令行就搞定了。

继续打广告
nishihouziqinglaidedoubima_fe
致力于实现一个逗比程序员社区，分享程序员才能懂的段子，笑话，知识点。对这个项目赶兴趣的朋友可以联系我: yangf.code@gmail.com
或许我们可以一起做点不一样的事情。
网站地址：
你是猴子请来的逗比吗
ps: 这个项目只是前端部分，暂时依赖于 GitHub pages，后端使用 lambda 实现，感兴趣的小伙伴来一起实现啊。