【vue路径别名】--用@表示路径

在 vite.config.js 文件中配置路径别名，使得 @ 代表 src 目录：

如果尚未安装 vite 和 @vitejs/plugin-vue， 请先进行安装npm install vite @vitejs/plugin-vue

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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src') // 将 '@' 映射到 'src' 目录
    }
  }
})

在tsconfig.json的compilerOptions添加配置

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