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