请选择 进入手机版 | 继续访问电脑版

flutter web开发环境配置

[复制链接]
金朝阳 发表于 2020-12-31 20:30:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
flutter web开辟情况设置



首先确认你的 flutter 情况设置好了: flutter情况准备
发起使用 VS Code 开辟。
web 情况设置

1 chrome支持

flutter 默认在 stable 版本的分支,如果要支持终端直接运行打开 chrome,需要切到 master 分支。
  1. flutter channel master
复制代码
2. 启用 web 设置

  1. flutter config --enable-web
复制代码
VS Code 设置

Code -> Preferences -> Extensions,分别搜索安装Flutter、Dart。
新建Web项目

在 VS Code 中,菜单 -> View -> Command Palette, 输入 flutter, 选择 Flutter: New Web Project。
Alt + F12, 在 VS Code 里打开终端,输入:
  1. flutter create .
复制代码
更新依赖:
  1. flutter pub upgrade
复制代码
运行:
  1. flutter run -d chrome
复制代码
即可在 chrome 中打开 flutter 网页。
1.9预览版有时存在网页空缺的问题。遇到空缺问题,可以换成用 webdev 开辟,直接通过终端启动 web 服务器,在欣赏器输入: 127.0.0.1:8080 访问。
激活 webdev 开辟情况

github: https://github.com/dart-lang/webdev
  1. flutter pub global activate webdev
复制代码
在 .bash_profile 里添加(用户名换成你自己的):
  1. export PATH="$PATH:/Users/jady/flutter/.pub-cache/bin"
复制代码
启动服务器
  1. webdev serve
复制代码
来源:https://blog.csdn.net/u013005791/article/details/101221272
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )