vite2.0构建一个vue3.0的项目

vue3.0于2020年9月18日晚11点半正式发布，时间已经过去半年多了。我们必须赶紧学习vue3.0赶上前端同学们的脚步。

那么，vue3.0带来了哪些改变呢？它的优势是什么？

vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；
更快：
　　1、virtual DOM 完全重写，mounting & patching 提速 100%；
　　2、更多编译时 （compile-time）提醒以减少 runtime 开销；
　　3、基于 Proxy 观察者机制以满足全语言覆盖以及更好的性能；
　　4、放弃 Object.defineProperty ，使用更快的原生 Proxy；
　　5、组件实例初始化速度提高 100%;
　　6、提速一倍/内存使用降低一半；

更小：
　　1、Tree-shaking 更友好；
　　2、新的 core runtime：~ 10kb gzipped；

那么，什么是vite？

Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。

它主要具有以下特点：
1、快速的冷启动
2、即时的模块热更新
3、真正的按需编译

尤大大与webpack大佬的互动

那么，现在正式开始构建vue3.0

1、全局安装：
vite：npm install create-vite-app -g

2、创建项目：
npm init @vitejs/app myapp

3、cd myapp -> npm install -> npm run dev