从 Flutter Go 到 Flutter Go web - 手把手带你轻松玩转 Flutter-web（一）(1)

• 第一：亲历Flutter for Web 到底如何；
• 第二：为需要从Flutter native 到 Flutter-web 的开发者，摸石头趟条路，毕竟从native 到 web，并不是一键生成的，还有许多坑要填。

Flutter-Go-Web支持尚不稳定。我们将此版本指定为技术预览版; 对 Flutter Go native 版本移植还原度大概在 80%左右。旨在帮助 Flutter 开发人员，快速熟悉 Flutter-web 官方的实践。

在 Flutter 官方宣布Flutter暂时不会开发热更新（Code push） 之后, Flutter-web 无疑是的动态更新代码最快捷的方式,虽然不是最佳方案,但是是最易用降级方案。

通过 Flutter-go-web 版本的学习,可以快速，有效还原 Flutter-go native 版本。帮助开发者，对快速版本H5化,做一个样例展示，提供 Flutter-web 的能力演示。

• 线上展示地址
• Flutter GO 官网
• Flutter Go web 版本

准备

言归正传，开发前还是建议大家对 Flutter-web 有一个基本的了解。如果熟悉请忽略。

• 请了解 Flutter-web 官方说明
• 请了解 Flutter-web 的迁移指南

构建环境

1. 安装 flutter_web 构建工具

输入命令从 pub.dev 的镜像拉取 webdev程序，webdev 类似于前端的构建工具

$ flutter pub global activate webdev

确保 $HOME/.pub-cache/bin 这个环境变量存在，环境变量在 vim ~/.bash_profile 里修改

// ~/.bash_profile 加上这句
$ export PATH=“ P A T H " : " PATH":"