尝鲜vue3+vite+typescript创建及配置项目方案总结

尝鲜vue3+vite+typescript创建及配置项目方案总结

背景描述:

• vue3时代来了，vue3相对于vue2不仅仅是新增了Composition API，在底层基于Proxy重构了观察者机制，Virtual DOM等；在 runtime 开销、组件实例初始化速度以及整体性能上提速明显；并且vue3将全面支持typescript。
• 与vue2的性能对比如下：

• 全新的vite，相对于之前熟悉的cli与webpack组合，尤大开发了全新的Web开发构建工具vite。它是一个基于浏览器原生ES模块导入的开发服务器，在开发环境下，利用浏览器去解析import，在服务器端按需编译返回，完全跳过了打包这个概念；在生成环境下，我们依然是需要对项目进行打包的，以避免频繁的网络请求。
  • 优点1：开发环境不需打包，项目冷启动非常快。
  • 优点