继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

全栈测试之路
关注TA
已关注
手记 19
粉丝 1
获赞 3

切换flutter版本

指令: flutter channel beta

(切回来:flutter channel stable)

使本机flutter支持web

指令: flutter config --enable-web

检查配置

image.png

新建项目

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

在浏览器调试运行

指令 flutter run -d chrome

效果image.png

编译web端

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

运行

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

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

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP