Vue3.0+Vite（1）

现如今使用vite创建项目也受到了很多人的欢迎，相对于vue Cli vite新建项目速度快，运行速度快，轻量级，使用起来一样舒适。

前提

Vite 需要 Node.js 版本 >= 12.0.0。

yarn create vite

npm init vite@latest

打开文件夹终端，两者都可以新建，

# npm 6.x
npm init vite@latest my-vue-app --template vue

# npm 7+, 需要额外的双横线：
npm init vite@latest my-vue-app -- --template vue

# yarn
yarn create vite my-vue-app --template react-ts

# pnpm
pnpm create vite my-vue-app -- --template vue-ts

查看 create-vite 以获取每个模板的更多细节：vanilla，vanilla-ts，vue，vue-ts，react，react-ts，preact，preact-ts，lit，lit-ts，svelte，svelte-ts

一步一步安装完。好快的时间，让我忘记了截图。问题不大。

在Vscode打开后，发现相较于Vue Cli 并没有安装依赖，可能这也是快的原因之一。

我们在Vscode中打开终端 输入 yarn or npm install 下载安装依赖

成功后 打开package.json

可以看到运行语句 我们输入 yarn dev

速度非常的快！！！

我们的项目开始啦。让我们在这个vite新建的项目中，重新回顾下Vue3.0的学习。