VS Code中Vue项目别名路径@无法触发Ctrl+点击跳转问题

• 确保项目根目录存在jsconfig.json（JS项目）或tsconfig.json（TS项目），并配置路径别名：

  • JS项目示例配置：

    {
      "compilerOptions": {
        "baseUrl": ".",
        "paths": {
          "@/*": ["src/*"]
        }
      },
      "exclude": ["node_modules", "dist"]
    }
    

  • TS项目示例配置：

    {
      "compilerOptions": {
        "baseUrl": ".",
        "paths": {
          "@/*": ["src/*"]
        }
      },
      "include": ["src/**/*"]
    }
    

• 修改配置后重启VS Code，编辑器需要重新加载配置才能识别别名跳转。

• 检查Vue相关插件状态：

  • Vue 2项目确保安装并启用Vetur插件，Vue 3项目优先使用Volar插件，更新插件到最新版本，若仍有问题可尝试禁用后重新启用。

• 验证别名路径映射是否准确，确认@/*对应的src/*与项目实际目录结构一致，避免路径层级错误。

内容的提问来源于stack exchange，提问作者Celty