首先先介绍一下用Vite创建的目录
public是存放静态资源的，这下面的资源是不会被vite所编译的， src下面有个assets，也是可以存放些静态资源的， components是存放组件的，App.vue就是一个全局订单入口文件，main.ts是全局的一个TS文件，一些全局的样式或者全局的API配置等等都在这个里面，vite-env.d.ts是做一个声明文件扩充的，因为选的是ts，（ts不认识.vue后缀的文件）需要在这里定义一下，tsconfig.json来配置ts文件的
SFC单文件介绍
它是由三部分组成script、templete、style； script就是写一些js代码，比如声明变量的函数，方法等； templete里面就是写标签的，input，form等，这个得注意，在单文件中只能出现一个 style里面就是写css样式的
Vite启动快的原因
同一个小型项目，如果Webpack启动需要20s左右，那Vite只需要2s左右，为什么快，因为不做任何编译，打开页面的时候在开始进行；
我们可以看到 npm run dev 后面显示的Vite，我们输入vite的话去启动项目，就会报错，我们来看一下vite的源码，在node_modules里面找到vite，打开package.json,看的是他做了一个软链接bin，在找到这个bin目录，看到对vite的配置，总结一下就是，vite采用的是unbundle机制，在我们输入npm run dev 指令的时候，vite就开始监听，大部分工作其实去交给浏览器去做的
vite有优点就有缺点：首屏和懒加载性能会有所下降，由于unbundle机制，他不会对源文件做合并操作，页面打开的时候才进行编译，会造成多余的请求，启动页面第一次会这样，之后就好了， dev会把之前的内容缓存起来，懒加载也是这个意思
