Flutter 开始正式支持 Web 和 Desktop

flutter everywhere

今天凌晨的Google IO宣布了flutter对于web和desktop的支持，虽然还处于preview阶段，但无疑已经是flutter发展的里程碑。

Google IO：

developers.googleblog.com/2019/05/Flu…

flutter官方文档：

flutter.dev/web

官方demo：

flutter.github.io/samples/

架构原理

Hello World

官方的demo：github.com/flutter/flu…

按照步骤一步一步来即可：

1. 更新flutter到最新版本flutter upgrade，注意看一下flutter channel是否在非stable的渠道，此配置可能要配置代理
2. 下载仓库git clone https://github.com/flutter/flutter_web.git
3. 进入demo目录，cd cd examples/hello_world/
4. 执行依赖安装flutter packages pub global activate webdev && flutter packages upgrade
5. 配置环境，在~/.zshrc中添加

export FLUTTER_HOME=/Users/xxx
export PATH=$FLUTTER_HOME/bin:$PATH
export PATH=$HOME/.pub-cache/bin:$PATH
export PATH=$FLUTTER_HOME/bin/cache/dart-sdk/bin:$PATH

6. 注意清空代理，以免出现WebSocketChannelException: WebSocketChannelException: WebSocketException: Connection to 'http://localhost:64984#' was not upgraded to websocket的错误
7. 运行demo webdev serve
8. 使用Chrome打开