1. 程式人生 > >如何從現有版本升級到element UI2.0

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