vue.js - 关于vscode ctrl+鼠标左键无法跳转@路径的问题？

Question

各位大佬，我想问个关于vscode ctrl+鼠标左键跳转的问题
在vue项目中需要配置@符号用来表示/src文件，然后写大型项目的时候我想用ctrl加左键进行快捷跳转，但是一直报错打不开怎么办？

我从网上找了好久无果，包括配置jsconfig.json,安装什么"别名路径跳转插件"都不行，而且我的鼠标左键一点击就默认选中整个链接，而不是部分，鼠标左键移动到跳转链接一定会把@符号给带进去，所以一直报错，有没有大佬知道怎么解决的

Answer 1

你可以用npm create vue@latest来另外创建一个模板，看看官方怎么配置的

这是我在其他地方的回答

Answer 2

请下载vscode插件 别名路径跳转

该插件支持自定义跳转规则
配置方法：

1. vscode 按下ctrl+shift+p 输入 User Setting ，打开用户配置
2. 在弹出页面中搜索 alias-skip.mappings 并转到该行，即可进行自定义路径配置

配置样例如下

"alias-skip.mappings": {    "@": "/src",    "@pages": "/src/pages"  },

Answer 3

可以结合vue-helper和path-alias来使用，前者有vue文件内函数跳转，后者有多文件快捷跳转

Answer 4

对于您的问题，我认为您可能是想在 Visual Studio Code 中使用 ctrl+鼠标左键 来跳转到 @ 符号引用的路径。如果您在使用这种方法时遇到了问题，您可以尝试以下解决方案：

1. 安装或检查你的路径别名插件：例如，别名路径跳转插件（Alias Path跳跃至定义）或者其他类似插件，你可能需要确认这些插件已经正确安装并且启用。
2. 检查你的 jsconfig.json 或 tsconfig.json 文件：这些文件用于配置 JavaScript 或 TypeScript 的项目设置。您需要确保 @ 符号的路径已经正确配置。例如，如果你在 jsconfig.json 或 tsconfig.json 中配置了 "paths": {"@/*": ["src/*"]}，那么你应该能够在你的代码中使用 @ 符号来引用 src 目录下的文件。
3. 检查你的 VSCode 设置：在 VSCode 的设置中，你可以检查 "Editor: Mouse Click Sensitivity" 的设置，这个设置决定了鼠标点击的敏感度。如果这个值设置的太高，可能会导致 ctrl+鼠标左键 无法正常工作。
4. 更新 VSCode 和插件：确保你的 VSCode 和所有插件都已经更新到最新版本。有时候，更新版本可能会修复一些已知的问题。
5. 手动跳转：如果自动跳转功能仍然无法正常工作，您可以尝试手动输入文件或目录的路径进行跳转。

希望以上建议能够解决您的问题，如果还有其他问题，欢迎随时向我提问。