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

如何在VS Code中启动Dart DevTools?打开后显示Flutter DevTools

解决VS Code打开DevTools默认启动Flutter DevTools的问题
  • 先确认项目类型:如果当前是Flutter项目,DevTools默认会加载Flutter专属界面;如果是纯Dart项目,才会默认启动纯Dart DevTools。
  • 手动启动Dart DevTools:
    1. 打开VS Code终端,运行命令:dart devtools
    2. 命令执行后会输出一个本地访问地址(比如http://127.0.0.1:9100),直接在浏览器打开这个地址,就能进入你需要的纯Dart DevTools界面。
  • 修改VS Code插件设置:
    1. 按Ctrl+,打开设置面板,搜索「Dart: Open DevTools」
    2. 将该选项的取值改为dartDevTools,替代默认的flutterDevTools
    3. 保存设置后,再点击「打开DevTools」按钮,就会默认启动目标界面。
  • 若用Flutter项目需切换:如果是Flutter项目但要用到纯Dart面板,可在已打开的Flutter DevTools顶部导航栏,找到「Dart」标签或「切换到Dart DevTools」选项,点击即可切换到目标界面。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.12 09:50:44