如何從現有版本升級到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。