如何从现有版本升级到element UI2.0

登录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。