MacOS 下的VScode无法使用 command + 单击自定义组件名跳转到对应的 .vue 文件如何解决?

问题描述

对于同一项目,在 Windows10 下是使用 ctrl+单击 可以跳转到对应的 .vue 文件。但是在MacOS下却无效。例如我定义了一个 BasePagination.vue 这个组件并使用 unplugin-vue-components 插件自动注册注册该组件。项目可以正常运行,但是唯独在 MacOS 下无法使用 command+单击 跳转。

Windows:
image.png

MacOS:
image.png

尝试过的方法

  • 重装 VScode
  • 只安装 Vue 相关的 VScode 插件
  • 重启电脑
  • 删除 node_modules 重新下载项目依赖

开发环境

  • MacOS Ventura 13.6
  • VScode 1.84.0 (arm)
  • PNPM 8.10.2
  • Node.js 20.9.0
  • Vue 3.3.4
  • TypeScript 5.1.6
  • unplugin-vue-components 0.25.2
阅读 1.2k
avatarAI BotBETA

这个问题似乎与你的开发环境和VSCode的设置有关。以下是可能的解决方案:

  1. 更新VSCode和插件:有时候,这种问题可能是由于VSCode或插件版本不匹配或过时引起的。确保你的VSCode和所有插件都是最新版本。
  2. 检查你的快捷键设置:在VSCode中,你可以检查你的快捷键设置。在MacOS中,你可以通过Preferences: Open User Settings打开设置,然后搜索keybindings。检查command+click是否被分配到Go to DefinitionGo to Definition from Symbol in File。如果没有,你可以手动添加。
  3. 检查你的Vetur设置:如果你使用的是Vue,确保你的Vetur插件设置正确。你可以在VSCode中打开File: Preferences: Settings,然后搜索Vetur以查看设置。
  4. 尝试不同的键盘布局:在某些情况下,不同的键盘布局可能导致一些快捷键无法正常工作。尝试更改你的键盘布局到默认的美国英语布局,看看问题是否解决。
  5. 检查你的鼠标和触摸板设置:在某些情况下,鼠标或触摸板的设置可能会干扰你的快捷键操作。确保你的鼠标和触摸板设置正常。
  6. 使用不同的浏览器:如果问题仍然存在,尝试在另一个浏览器中打开VSCode,看看问题是否得到解决。
  7. 重新安装VSCode:如果以上方法都无法解决问题,你可能需要卸载并重新安装VSCode。在重新安装之前,记得备份你的设置和文件。

希望这些建议能帮助你解决问题!

1 个回答

问题解决了,是 Vue Language Features (Volar) 插件版本的问题 1.8.22 版本存在BUG,无法显示自定义组件的类型. 将版本降到 1.8.11 即可

推荐问题
logo
Microsoft
子站问答
访问
宣传栏