老項目的GitHub地址:
https://github.com/taylorchen709/vue-admin
更新後的GitHub地址:
https://github.com/iamjwe/vue-admin
clone後先保證你的vue-cli不是2.x而是3.x,如果不是請查看下面的cli3參考文檔更新腳手架。
安裝依賴:npm install
cli3運行:npm run serve
cli3打包:npm run build
博主大三,準備實習ing,請不要忘記博客點個關注,GitHub點個star哦。你的支持是我繼續寫博客的動力。
更新部分:
1.使用@vue/cli3.5腳手架搭建項目
2.添加eslint代碼檢查
3.更新依賴爲最新
4.刪除一些不用的依賴和沒用的註釋
5.路由懶加載
解決問題:
1.打css補丁,解決左側菜單收不齊。
2.大量tab問題,先ctrl+shift+f格式化代碼然後eslint自動修復。
3.未定義變量v-for和v-if混用報錯
ESLint: The ‘undefined’ variable inside ‘v-for’ directive should be replaced with a computed property that returns filtered array instead. You should not mix ‘v-for’ with ‘v-if’. (vue/no-use-v-if-with-v-for)
4.v-for的key值重複報錯(多個home路由的path相同,暫時改爲路由的name作爲一級菜單的key)
5.修正table頁面的新增和編輯按鈕點擊無法彈出dialog的問題
6…
參考文檔:
@vue/cli 3.x 版本文檔
vue2.x文檔
element-ui文檔
mockjs示例
mockjs語法
axios-mock-adapter文檔
vue-router文檔
vuex文檔
fontawesome文檔