vue与vue-cli记录

一直没有弄懂 vue 和 vue-cli 之间的关系,现在 vue-cli 已经升级到 4.x 了,vue 版本也是升级到 3.x,在网上搜了一下,说是 vue-cli4.5 之前创建的项目是 vue2.x 版本,vue-cli4.5 之后创建的项目是 vue3.x 版本,感觉不太准确,印象中之前培训时使用 vue-cli3 创建项目时有提示选择 vue 版本,问了一下培训时老师他说之前教的时候使用的是 vue-cli3 和 vue2.x,很奇怪,有点迷糊,来创建项目记录一下。。。

因为我一直在用 vue,在出现 vue3.x,vue-cli4.x 的时候就升级了,因此现在用的版本是 4.x,那就从 4.x 创建项目对比走起
在这里插入图片描述

vue-cli4 创建 vue3.x 项目

创建时候选了我比较常用的 router 和 vuex,后面创建都选择这个,可以看到第一个是选择 vue 版本
在这里插入图片描述
最后创建的是这样的一个项目,等下创建完成后去看内容
在这里插入图片描述
看下目录
在这里插入图片描述
看下 main.js
在这里插入图片描述

vue-cli4 创建 vue2.x 项目

创建的跟上面的区别就是 vue 版本,等下创建完成后去看内容
在这里插入图片描述
看下目录
在这里插入图片描述
看下 main.js
在这里插入图片描述

然后把 vue-cli4 卸载,装 vue-cli3

在这里插入图片描述
在这里插入图片描述

vue-cli3 创建 vue2.x 项目

创建项目的时候发现,还真没有选择版本这个选项了,也就是说默认创建的就是 vue2.x 的了
在这里插入图片描述
创建一下看看
在这里插入图片描述
看下目录
在这里插入图片描述
看下 main.js
在这里插入图片描述

总结

自己看,不知道咋总结,我这里主要是验证一下之前是不是糊涂了,总之以后就是用 vue-cli4.x,想创建 vue2.x 就创建 vue2.x,想创建 vue3.x 就创建 vue3.x,毕竟明面上看 vue-cli4 创建的项目目录是给分好了,vue3.x 和 vue2.x 区别还是挺大的,应该是各方面都提升了不少,人往高处走,还是要适应新版本

❀❀❀❀❀❀ 完结散花 ❀❀❀❀❀❀

Written ❤️ sywdebug.
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值