脚本宝典收集整理的这篇文章主要介绍了

记vue-cli@3.0和之前版本的差异

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

记vue-cli@3.0使用方式和之前版本的差异

@2.9.3的使用

  • 1.下载vue-cli和安装项目
cnpm i -g vue-cli#2.9.3

vue init webpack my-app
  • 2.生成的目录结构

clipboard.png

@3.0以上,目前beta版本的使用

  • 1.下载vue-cli和安装项目
npm install -g @vue/cli

vue create my-project
  • 2.生成的目录结构

clipboard.png

新的目录结构,隐藏了Webpack配置文件,封装了细节

对比2个区别

  • 区别1: 下载npm包的包命变化。 vue-cli ==> @vue/cli
  • 区别2: 生成的vue项目目录的命名改变,同时生成的目录结构,也隐藏了webpack配置文件

区别1变化详解: npm发布了新的包命名规则

https://zcfy.cc/article/the-n...

主要是为了避免名称十分类似的包被搞混,设定了一些更严格的命名方式。

比如react-native已经存在的话,就不允许reactNative或者reactnative之类的包发布了

但是如果你的确你想发布一个react-native,但是发现已经被占用了,你可以使用作用域的方式来发布包名

比如 @react/react-native

区别2变化详解: vue-cli将webpack配置的细节隐藏。需要自己创建vue.config.js来配置

https://cli.vuejs.org/config/

个人尝试过程中的小问题

创建项目目录时vue create my-app报错:write after end

解决办法。降低了npm的版本到@5.6.0。貌似是之前的npm版本6.1.0有点问题

总结

以上是脚本宝典为你收集整理的

记vue-cli@3.0和之前版本的差异

全部内容,希望文章能够帮你解决

记vue-cli@3.0和之前版本的差异

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过