资讯专栏INFORMATION COLUMN

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

wow_worktile / 2376人阅读

摘要:记使用方式和之前版本的差异的使用下载和安装项目生成的目录结构以上,目前版本的使用下载和安装项目生成的目录结构新的目录结构,隐藏了配置文件,封装了细节对比个区别区别下载包的包命变化。貌似是之前的版本有点问题

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

1.下载vue-cli和安装项目

cnpm i -g vue-cli#2.9.3

vue init webpack my-app

2.生成的目录结构

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

1.下载vue-cli和安装项目

npm install -g @vue/cli

vue create my-project

2.生成的目录结构

新的目录结构,隐藏了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有点问题

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95658.html

相关文章

  • (小白篇)vue-cli3.0创建项目+引入element-ui

    摘要:在年月份发布了版本,经过重构之后,可以说是一个船心版本在项目都落地之后,就想升级一下版本,尝一尝带来的舒适,也是为后面项目的开展做一个准备。选了之后会询问是否开启模式,以及选择预处理器,这里根据个人情况选用。 vue-cli在2018年8月份发布了3.0版本,经过重构之后,可以说是一个船心版本!在项目都落地之后,就想升级一下cli版本,尝一尝3.0带来的舒适,也是为后面项目的开展做一个...

    avwu 评论0 收藏0
  • vue-cli 3.0

    摘要:配置环境变量参考打包后项目的启动发生了变化,之前可以直接打开,现在需要参数的意思是将其架设在模式下这个模式会处理即将提到的路由问题 (第一章)学习vue-cli 3.0脚手架构建vue项目 vue学习巩固及遇到的问题 首先这次使用的vue脚手架为vue-cli 3.0,它跟之前的脚手架改变了很多,这里我也没去细细的研究,也只懂得了最基本的用法,参考: vue-cli 3 地址:http...

    April 评论0 收藏0
  • vue-cli 3.0

    摘要:配置环境变量参考打包后项目的启动发生了变化,之前可以直接打开,现在需要参数的意思是将其架设在模式下这个模式会处理即将提到的路由问题 (第一章)学习vue-cli 3.0脚手架构建vue项目 vue学习巩固及遇到的问题 首先这次使用的vue脚手架为vue-cli 3.0,它跟之前的脚手架改变了很多,这里我也没去细细的研究,也只懂得了最基本的用法,参考: vue-cli 3 地址:http...

    mengera88 评论0 收藏0
  • vue-cli 3.0 使用

    摘要:安装如果想要使用首先需要全局安装,前提要求版本必须是及以上默认会覆盖,如果想要在使用版本的时候同时使用版本,那么执行以下命令该命令是安装一个桥接工具,版本的命令依然会被保留创建也可以通过命令打开一个图形化界面进行配置配置在版本中会 安装 如果想要使用vue cli 3.0 首先需要全局安装,前提要求Node.js版本必须是8.0及以上 npm install -g @vue/cli v...

    PumpkinDylan 评论0 收藏0
  • 自己一次vue基础实战:配置篇

    摘要:前言记录自己从基础学习实战,初入发表文章,望各位大佬口下留情不对之处还请大佬指点一下。在加载完后,你自己默认的浏览器自动打开配置界面新建项目。 1. 前言 记录自己从基础学习vue实战,初入发表文章,望各位大佬口下留情!不对之处还请大佬指点一下。 2. 新建,配置项目 1. 新建Vue-cli3.0脚手架的项目 在这里普及一下,什么是Vue-cli? Vue是一套用于构建用户界面的渐...

    NoraXie 评论0 收藏0

发表评论

0条评论

wow_worktile

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<