转: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。