vue3+ts+vite项目配置根目录：用@代替../

1. 运行命令

   yarn add path
   
   yarn add @types/node

2. 找到 vite.config.ts 文件

   import { defineConfig } from 'vite'
   import vue from '@vitejs/plugin-vue'
   // 引入path
   import path from 'path'
   
   
   export default defineConfig({
       // 配置
       resolve: {
           alias: {
             '@': path.resolve(__dirname, 'src')
           }
       },
       plugins: [vue()],
   })

3. 找到 tsconfig.json 文件

   // 在 compilerOptions 中配置
   
   "baseUrl": ".",
   "paths": {
       "@/*": ["src/*"]
   }

   然后就可以直接使用@代替../啦