事情是这样的,领导发过来一份react版本的项目,让我对比比较下vue项目的目录结构,旨在整理一份通用的项目结构。然后我拿到项目,第一眼就看到这个很明显的差异,这个项目有config文件夹。而vue项目,因为之前有学习vue3,所以本地vue-cli版本早已经是高版本的,创建的项目也都是只含有vue.config.js的文件。
我当时也是有点恍惚的。记得早期开发vue项目的时候,明明也是config文件显示定义webpack相关的配置的。怎么现在就没有了呢,智能到有特殊配置才在vue.config.js里配置。于是,我就开启了,vue-cli相关的探索之路。
写此篇的目的,一是记录下自己的学习成果,以便后面方便查看;二是分享给前端的朋友,一起学习、进步,有什么不对的,也欢迎你们加以指正。
现,奉上成果:
造成这一差异的原因,就是vue-cli版本高低的原因导致的。具体如下:
- vue-cli2只能利用
vue init webpack app
命令初始化vue2.x的项目。- vue-cli3~vue-cli4.5之间时,可以利用
vue create app
初始化vue2.x的项目,不能初始化vue3.x,因为vue-cli脚手架版本4.5以上对应的才是vue3。- vue-cli4.5以上时,可以利用
vue create app
初始化vue2.x或者也vue3.x的项目,两者都可以在初始化时,自行选择vue的版本。
如有不妥,欢迎指正,谢谢~~