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

运行命令

yarn add path

yarn add @types/node

找到 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()],
})

找到 tsconfig.json  文件

// 在 compilerOptions 中配置

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

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