vscode中适配@/path寻址 点击跳转文件

时间:2025-04-25 14:17:26

目标
在vscode中,按住ctrl点击引入的文件路径,可以自动跳转到对应文件

实施
在项目根目录新建文件

中添加如下代码

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

重启VSCode

结果

  1. vue模板文件中 import 引入 js、vue 均可跳转
  2. js文件中 import 引入js文件可跳转,引入vue文件无效