Vite创建项目之后配置@为src目录

1.首先创建项目

vite创建项目是 npm create vite

有三个选择：写项目文件名，选项目框架，ts+vue3或者js+vue2或者自定义，自定义会直接安装eslint和pretirrer，其他的没有需要自己装

这里选了ts+vue3

2.配置vite.config.ts

注意：这里的resolve是vite提供的配置对象，如果是vue2的vue cli脚手架，需要在resolve外面加configureWebpack{ resolve...}

到这里@已经可以代表src目录的绝对路径了，但写的时候没提示，所以还需要在tsconfig.json里配置一下

在compilerOptions中配置

到这里 就可以在文件中愉快的使用 import " @/xxx/xxx "