脚手架 | vue-cli | create-vue |
构建项目 | vite | |
打包代码 | webpack | rollu |
脚手架:创建项目,选择性安装需要的插件,指定统一的风格,生成demo。
构建项目:建立项目的运行环境,需要手动安装插件。
打包代码:代码写好之后,为了更好的使用,需要打包处理一下
- webpack 是一个全能选手,啥都能干,只是有点复杂,对新手不太友好,对于使用create-vue创建的项目内置的打包工具是rollup,也可以使用webpack进行打包,但是要单独配置
- Rollup 是后起之秀,打包更简洁。
- create-vue 基本取代了 vue-cli,除非创建 vue2 的项目。
- 所以,创建一个 vue3 的项目,首选 create-vue,非常方便快捷,建立的项目也可以统一风格。
-
vue-cli是基于nodejs+webpack封装的命令行工具。你可以理解为汇集了各种命令的 bash,或者bat。用vue-cli执行build,实际上是webpack做的。原本需要自己配置webpack的相关配置,被cli简化l了。