如何从现有版本升级到element UI2.0?使用npm-check-updates

转:https://blog.csdn.net/wojiaomaxiaoqi/article/details/78428738

 

登录element UI官网时提示2.0已经正式发布了,Element 2.0 一共积累了 210 个 commit,包含了 90 多项新增功能和优化。组件功能,新主题,可访问性。具体更新可以参考官网更新日志。

看过新的官网以后从视觉上跟1.4对比就迫不及待让我们使用正式发布的2.0版本了,那么如何将现有项目更新到2.0版本呢?

首先,查看是否可以更新,

 

ps:安装完高效升级插件npm-check-updates之后
安装方法
npm install -g npm-check-updates
查看最新的版本:npm-check-updates
简写:ncu

这样,再升级包就变得非常容易了。

 

我们看到,提示element-ui可以从当前版本升级到目前官网最新的2.0.2,执行ncu -a升级全部项目中可升级的包。

之后执行npm install安装,

包的依赖就都更新完毕了。

这时候我们在main.js中修改新增的 theme-chalk 主题:

将import 'element-ui/lib/theme-default/index.css'替换为

import 'element-ui/lib/theme-chalk/index.css'

 

运行 npm run dev查看一下项目变化。

 

ps:如果node里安装了淘宝NPM镜像则以上命令可直接用cnpm代替npm。

转载于:https://www.cnblogs.com/zhaobao1830/p/9269008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值