VS Code 使用@所导致的跳转失败问题

VS Code 无法像WebStorm一样使用@，然后Ctrl+鼠标左键跳转到具体的文件中

解决办法，在package.json的同级目录创建jsconfig.json。文件内容是

{
  "compilerOptions": {
      "target": "ES6",
      "module": "commonjs",
      "allowSyntheticDefaultImports": true,
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"]
      }
  },
  "exclude": [
      "node_modules"
  ]
}

注意： 

jsconfig.json 配置的paths 带的@ 要和vite.config.js中的resolve.alias的@的路径配置一样

 

 

然后在Vs Code Extensions下载插件 jsconfig-generator

 

最后重启VS code