关于vue配置文件配置好了文件夹别名，但是 *编辑器依然爆红* 的解决方案

关于vue配置文件配置好了文件夹别名，但是 编辑器依然爆红 的解决方案

步骤一：在vite.config.js文件内配置别名

export default defineConfig({
    ……
    resolve: {  
        //配置别名  
        alias: {  
         // __dirname:获取当前文件的路径  
        '@': path.resolve(__dirname, 'src'),  
        '@assets': path.resolve(__dirname, 'src/assets'),  
        '@utils': path.resolve(__dirname, 'src/utils'),  
        }  
    },
    ……
})

步骤二：新建tsconfig.json文件，与vite.config.js文件同级

{  
    "compilerOptions": {
        "paths": {  
            // 配置导出路径（这里根据自己项目执行修改）  
            "@*": [  
                "./src*"  
            ],  
            "@assets*": [  
                "./src/assets*"  
            ],  
            "@utils*": [  
                "./src/utils*"  
            ]  
        },
    }
}