Flutter 2.0 顺滑撤回,web 初体验
Flutter 2.0 今早发布,web 开发现已在 stable channel 支持了,非常激动!
Flutter 2.0 的更新说明
因本人的特殊性,对 Flutter 有多个版本的需求。比如:
- 混合开发,需要在 1.17.5 的 Flutter 版本
- 旧版 web 开发,需要在 beta 的 channel 下开发
- 纯 Flutter 项目,跟随 stable channel
为了能够在各个项目中开发,我需要快速切换 Flutter 环境。所以我采用 fvm (opens new window) 这个工具。
如果你不知道如何使用 FVM,可以直接参考项目的使用文档,或者参考上一篇:《FVM 愉快的切换 Flutter 版本,强烈推荐!》 (opens new window)
如果你是 FVM 的使用老手,那么下面的内容可以忽略了。
# 实战
假设在 Flutter 2.0 之前, 有这么个 flt_demo 项目:
- 使用了 FVM
- 指定了 Flutter 的版本为 stable
# 基于最新的 stable channel 创建 web 工程
创建个新项目 web_demo,且需要用 Flutter 2.0 进行 web 开发:
$ mkdir web_demo
$ cd web_demo
$ fvm use stable --force
$ fvm flutter create .
$ fvm flutter doctor
最后我们获取到的还是 1.22.6 的 Flutter 版本。
需要更新到最新的 stable 版本:
$ fvm flutter upgrade
$ fvm flutter doctor
👌🏻,web_demo 的 Flutter 环境已经完成,可以愉快的玩耍了。
# 解救基于旧版 stable channel 开发的 fltDemo 工程
由于 flt_demo 也是在 stable channel 进行开发,当我们重新运行项目的时候,会报一些错误(某些 api 被废弃了,一些第三方库报错)。
现有的 stable channel 是 Flutter 2.0 版本,但是对 flt_demo 来说,在 Flutter 2.0 是无法运行的。所以我们需要旧版的 stable 环境。
可以通过以下命令获取 flutter 已发布的版本号。
$ fvm releases
旧版的 stable channel 对应的是 1.22.6 的版本。
所以我们需要修改 fltDemo 的 flutter 环境为 1.22.6。
$ cd flt_demo
$ fvm install 1.22.6
$ fvm use 1.22.6 --force
$ fvm flutter doctor
👌🏻,完成 flt_demo 的 flutter 环境指定。
如果 flt_demo 是团队项目,提交你的修改。同事拉取代码后,在项目根路径下执行
$ fvm install
即可。
可以继续愉快的玩耍了。
顺带最后,用 flutter 2.0 快速开发了个 web demo 页面,可以体验下
更多干货阅读,请关注官方微信公众号: OldBirds