vscode @/xx/xx.js 有什么插件能按住ctrl直接跳转的

Question

这种加了@，而且结尾没有后缀，vscode不认识。按住ctrl不管用

如果是这种全拼路径按住ctrl就没有问题

上面那种@写法其实是只有webpack认识的，vscode不认也能理解，
各位大佬有没有用过什么插件，或者vscode有什么地方可以配置。

Answer 1

vue peek 有这个功能，可以有效使用ctrl+左键跳转文件，其他文件还不确定

Answer 2

配置jsconfig.json

{
    "compilerOptions": {
        "target": "es2015",
        "module": "esnext",
        "baseUrl": "./",
        "paths": {
            "@/*": [
                "src/*"
            ]
        }
    },
    "include": [
        "src/**/*.vue",
        "src/**/*.js"
    ]
}

更多请参考文档

Answer 3

添加tsconfig.json
在其中配置一下paths就行

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "allowJs": true,
    "moduleResolution": "node",
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

Answer 4

有一个插件叫做别名路径跳转

别名路径跳转插件，支持任何项目，可以自由配置映射规则，自由配置可缺省后缀名列表

挺好用的。