如果你使用过vue2就知道，定义的@路径引入文件的时候可以替代../src/assets,或者../src/views，使用起来比较美观。 比如

但是vue3有很多改变，如果你直接在vite.config.ts文件里面配置 "path"就会报错。提示：找不到模块“path”或其相应的类型声明。

这个时候，我们需要安装一下@types/node
npm install --save @types/node
这个还是会依然报错，需要在tsconfig.json文件里面找到compilerOptions配置一下

"allowSyntheticDefaultImports": true,
"baseUrl": ".",
"paths": { "@/*": ["src/*"] }
这个时候path就不会报错了。
之后我们在页面里面使用@路径依然会报错

需要在vite.config.ts文件里面的export default defineConfig设置一下

这个时候就不会报错，并且完全启动使用