vite配置@别名，以及如何让vscode智能提示路经

vite配置@别名

1.安装依赖

npm install @types/node -D

2.vite.config.ts 

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 // 配置@别名
 import { resolve } from "path"; 
 
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
      // 解析配置
    resolve: {
      // 路径别名
      alias: {
        "@": resolve(__dirname, "./src")
      }
    }
})

3.tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    },
  },
}

试试效果,如果是这样的就说明配置成功。