vite+ts vscode无法识别别名路径

vite.config.ts

 resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },

tsconfig.json

{
  "compilerOptions": {
    "experimentalDecorators": true,
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": false,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",
    // ++ 这里加上baseUrl 和 path即可 ++
    "baseUrl": "./",
    "paths": {
  // 根据别名配置相关路径
        "@/*": ["./src/*"],
    }
  },
  "include": ["./src"]
}

如果没有使用 ts 使用的是 js，那么只需要配置 jsconfig.json即可，这个和构建工具无关，只需要将这个json文件放在根目录即可，在webpack项目中也适用