vite 设置别名

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

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    }
  }
})

然后可以在webstorm上面使用别名和代码提示了