首先先介绍一下vite，vite这个名字起源于法语就是很快的意思。应为他是冷服务不打包 用es6 import 来引入对应 的js。其次就是使用rollup 去打包。开发中有热更新等。

vite 只能创建vue3.0 的项目

1.创建一个vite 项目  

创建命令 npm init vite-app (project 项目名) |  yarn create vite-app  (project 项目名)

第二步 切换到目录 cd project

第三步 安装依赖包  npm install   |  yarn

第四步 启动项目  npm run dev  |  yarn dev

你会发现运行速度很快

第五步 输入以上网址打开

这样就创建了一个vite 的Vue 项目

你就会发现他就是使用es6 的import 去引入的js

2.vite项目 使用TypeScript

使用ts 非常简单直接把script 的lang 换成ts

完美输出

3.vite项目使用less sass scss

npm install less less-loader -D
npm install sass node-sass sass-loader -D
yarn add less less-loader
yarn add sass sass-loader node-sass

4 vite 一些bug

我们创建一个vite.config.js

新增一个别名 发现有报错

尤大神已经表态这是一个Bug，但是他提出了解决方案。方案如下

这样就可以了。你也许会觉的很麻烦，这个算是一个Bug