公司的框架 選取的是 花褲衩大神開源的 基於 element ui + Vue 的后台管理項目, 項目源碼就不公開了,記錄 分享下 步驟
1. 卸載 element ui 1.4的依賴包
2. 卸載完成后, 重新安裝 element ui 2.x 以上版本的依賴包
3. 更改 項目文件 main.js 中 引入的樣式文件 路徑
*************************************** 網上帖子很多到這一步就完結了, 我也是到這里去嘗試 npm run dev 試下項目, 發現很多報錯..
這里的原因是 element ui 2.x 里面新增了很多依賴 vue 新版本的標簽或者特性? 這里需要相應升級 vue 依賴包,
直接 打開 項目文件的 package.json .. 這里有兩個地方要更改
4. vue 的版本 2.5.3 以上,
5. vue-template-compiler 相應需要 2.5.13
到這里也注意一下 vue-loader 是否在 10.0.0 以上, 中間我報錯幾次..
到這一步后, 重新 npm install 安裝, 可能會出現安裝了 但是還是報版本錯誤, 這里需要 npm update 一下,
完成后, 可以 npm run dev 開始運行了,
運行起來后, F12 打開控制台會看到很多 黃色的 warning字段, 是提醒 2.x中 scope="scope" 已經廢止, 更改成 slot-scope="scope" 並且不咸魚 <template>標簽使用,
當然, 還有一些其它的 警告 , 比如 Dialog 對話框的 size 屬性是廢止了, 更換成 width 默認值是 50%..