本文目录导航：
一篇文章说清webpack、vite、vue-cli、create-vue的区别
webpack、Vite、vue-cli、create-vue这些都是什么？看着有点晕，不要怕，咱们一同来分辨一下。
先看这个表格：
|||||:---:|:---:|:---:||脚手架|vue-cli|create-vue||构建名目||vite||打包代码|webpack|rollup|
脚手架：创立名目，选用性装置须要的插件，指定一致的格调，生成demo。
构建名目：建设名目的运转环境，须要手动装置插件。
打包代码：代码写好之后，为了更好的经常使用，须要打包处置一下。
是不是有了一个全体的觉得？咱们再来详细的看一下。
vue-cli官方：的包称号由vue-cli改成了@vue/cli
vue-cli是Vue早期推出的一款脚手架，经常使用webpack创立Vue名目，可以选用装置须要的各种插件，比如Vuex、VueRouter等。
vue-cli用于创立vue2的名目；@vue/cli用于创立vue3的名目，当然也允许vue2。
经常使用起来还是比拟繁琐的，首先要装置脚手架，而后经常使用vuecreatehello-world创立名目，详细的就不引见了。
create-vue官方：是Vue3的公用脚手架，经常使用vite创立Vue3的名目，也可以选用装置须要的各种插件，经常使用更繁难。
经常使用模式npm?init?vue@latestoryarn?create?vue可选插件而后咱们可以选用须要的各种插件：
Typescript
JSXSupport
VueRouterforSinglePageApplicationdevelopment
Piniaforstatemanagement
VitestforUnittesting
CypressforbothUnitandEnd-to-Endtesting
ESLintforcodequality
Prettierforcodeformating
官方最新文档曾经看不到vue-cli的身影了，只要create-vue的经常使用模式，所以大家可以安心食用。
vite官方：（法语意为极速的，发音?/vit/，发音同veet）是一种新型前端构建工具，能够清楚优化前端开发体验。它重要由两局部组成：
一个开发主机，它基于?原生ES模块?提供了?丰盛的内建性能，如速度快到惊人的?模块热降级（HMR）。
一套构建指令，它经常使用?Rollup?打包你的代码，并且它是预性能的，可输入用于消费环境的高度优化过的静态资源。
经常使用vite不只可以创立vue的名目，而且可以创立react等名目，只是须要手动装置第三方插件，有点费事。
目前允许的模板预设如下：
JavascriptTypescriptvanillavanilla-tsvuevue-tsreactreact-tspreactpreact-tslitlit-tssveltesvelte-tsrollup
官方：是一种打包工具，特点就是，打的包十分精简，体积小。
官方是英文的，中文资料也比拟少，不过好在惯例用法可以参考vite的官方。
尤雨溪在知乎的一次性回答（）里提到：
webpackcore是一个纯打包工具（对标Rollup），而Vite其实是一个更下层的工具链打算，对标的是（webpack+针对web的罕用性能+webpack-dev-server）。
webpackcore由于只针对打包不预设场景，所以设计得极端灵敏，不局限于针对web打包，简直一切可性能的环节都做成了可性能的。
这种极度的灵敏性关于一些特定场景依然无法代替。
但反上来造成的缺陷就是性能项极度复杂，插件机制和外部逻辑艰涩难懂，针对经常出现的web也须要少量的性能。
另外少量loader插件只管独自颁布却存在各种隐式耦合，很容易性能不当相互影响。
关于新手来说，把webpack从零开局配到跟Vite开箱即用性能平等的水平基本是无法能的义务，所以大局部团队/公司要么用的是基于webpack包一层的脚手架（umi,vue-cli），或是专门养一团体称webpack性能工程师的角色。
webpack是一个全能选手，啥都无能，只是有点复杂，对新手不太友好。
Rollup是后起之秀，打包更繁复。
vite把rollup变成了“开袋即食”，便于新手入门。
create-vue基本取代了vue-cli，除非你想创立vue2的名目。
所以，想创立一个vue3的名目，首选create-vue，十分繁难快捷，建设的名目也可以一致格调。
原文：
介绍一下华为的Vue组件库——TinyVue
华为云的大前端团队推出了一款名为TinyVue的开源Web UI组件库，专为Vue开发者设计。
在这个库中，他们提供了Vue组件、Angular组件、主题性能和脚手架等片面的处置打算。
访问TinyVue官方(/tiny-vu...)，首先须要了解的是环境预备，它明白了经常使用组件库所需的Node环境。
官方的其余局部详尽引见了装置、经常使用方法，以及国内化允许、主题性能和表单校验等适用性能，十分贴心。
TinyVue组件库结构明晰，分为导航、容器、表单、表格、数据、揭示和其余组件，尤其在表单和表格组件上，丰盛的示例展现了其在企业级中后盾开发中的高效性和适用性。
这关于日常业务开发来说，无疑是一个弱小且灵敏的选用。
假设你在经常使用环节中遇就任何疑问，TinyVue的Github社区(/opentiny/tin...)提供了疑问反应渠道，保障了开发者社区的生动和允许。
总的来说，关于有中后盾开发需求且相熟Vue技术栈的开发者，TinyVue无疑是一个值得思考的组件库。
它不只提供了丰盛的性能，而且器重用户体验，是优化开发效率的良好选用。
vue是什么软件
vue官方说（读音 /vjuː/，相似于 view） 是一套构建用户界面的渐进式的Javascript框架。
与其余重量级框架不同的是，Vue 驳回自底向上增量开发的设计。
1、易用
曾经会了 HTML、CSS、Javascript，即可浏览指南开局构建运行！
2、灵敏
始终兴盛的生态系统，可以在一个库和一套完整框架之间自若伸缩。
3、高效
虚构的DOM的外围现实是：对复杂的文档DOM结构，提供一种繁难的工具，启动最小化地DOM操作。
(1) 提供一种繁难的工具，使得开发效率获取保障
(2) 保障最小化的DOM操作，使得口头效率获取保障
裁减资料
1、Vue的外围库只关注视图层，并且十分容易学习，十分容易与其它库或已有名目整合。
2、Vue的指标是经过尽或者繁难的 API 成功照应的数据绑定和组合的视图组件。
3、Vue可以做从繁难到复杂的前端单页运行，随处可见的Web前端都可以用Vue来开发。
而且Vue上手速度快、性能弱小，且提供了十分好用的脚手架vue-cli，很繁难就可以构建并让自己的名目跑起来。
参考资料
网络百科
