使用并部署Flutter Web的步骤实例

切换flutter版本

指令: flutter channel beta

(切回来:flutter channel stable)

使本机flutter支持web

指令: flutter config --enable-web

检查配置

新建项目

必须在vscode等IDE里新建, 命令行新建的项目无web目录

在浏览器调试运行

指令 flutter run -d chrome

效果

编译web端

调试完成后, 编译指令flutter build web

运行

编译完成后, 进入web目录: ** 项目根目录/build/web** , 运行服务python -m http.server 8000

这个时候通过访问本机8000端口,即可看到运行起来的flutter web程序.

参考

本文由博客一文多发平台 OpenWrite 发布！