You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Visual Studio Code中用Chrome运行Flutter项目(替代故障模拟器)

在VS Code中切换Flutter项目至Chrome浏览器运行

首先确保你的Flutter环境已开启Web支持:

  • 打开终端,执行flutter channel stable切换到稳定分支(推荐,避免兼容性问题)
  • 执行flutter upgrade将Flutter更新至最新版本
  • 执行flutter config --enable-web启用Web编译支持

接下来在VS Code中完成设备切换:

  • 打开目标Flutter项目,确认已安装Flutter和Dart官方插件
  • 查看VS Code状态栏右下角的设备显示区域(通常会显示当前模拟器/设备名称),点击该区域
  • 在弹出的设备列表中,选择**Chrome (web)**选项
  • 点击顶部的运行按钮(▶️)或按下F5,项目会自动在Chrome浏览器中启动

如果找不到状态栏的设备入口,可通过命令面板操作:

  • 按下Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令面板
  • 输入Flutter: Select Device并回车,在列表中选择Chrome即可

若Chrome未出现在设备列表中,尝试重启VS Code,或重新执行flutter config --enable-web后再操作。

内容的提问来源于stack exchange,提问作者imane imane

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 20:50:53