WebStorm无法通过点击@路径跳转到对应文件的问题。

1. 在项目根目录下创建或编辑jsconfig.json文件。

2. 添加以下配置：

   {
     "compilerOptions": {
       "baseUrl": ".", // 这里设置基础路径为项目根目录
       "paths": {
         "@/*": ["src/*"] // 这里设置@符号代表src目录
       }
     },
     "exclude": ["node_modules", "dist"] // 排除不需要处理的文件夹
   }
   

这里的配置意味着，任何使用@符号开头的路径都会被解析为从src目录开始的路径。例如，@/components/MyComponent.vue实际上会被解析为src/components/MyComponent.vue。

注意事项

• 确保jsconfig.json文件中的路径配置与你的项目结构相匹配。
• 如果修改了jsconfig.json后路径跳转仍然不生效，尝试重启WebStorm。
• VSCode中一般使用别名路径跳转插件解决。