如何在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
相关产品推荐
相关产品推荐

