转：

 

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