为了账号安全,请及时绑定邮箱和手机立即绑定

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

切换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程序.

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消