zi luoVue DevTools 跳转失效?手把手教你在 Mac/Win 上用 Trae/Cursor/Agy 完美替换 VSCode 中发帖

🧩 核心痛点:为什么直接设置 launchEditor 会失败?
很多开发者在使用 Trae、Cursor 或 Agy 等基于 VSCode 二次开发的 AI 编辑器时,习惯在 Vue 项目中配置:
// vite.config.ts
vueDevTools({
launchEditor: 'agy', // 或 'trae' / 'cursor'
})

结果往往是:

无法跳转行列:只能打开文件,光标停在第一行。
产生废文件:在项目根目录莫名其妙多出一个名为 App.vue:10:5 的空文件。

根本原因: Vue DevTools 默认按照 VSCode 的标准发送指令:code 文件路径:行号:列号。 而当你把编辑器换成 agy 或 trae 时,这些编辑器的命令行工具(CLI)可能无法像原版 code 命令那样自动识别带有冒号的字符串。它们会将 App.vue:10:5 ...