Vue后台管理

前段時間學習Vue寫了一個移動端項目 https://www.charmcode.cn/app/mall/home 然后教程到此就結束了，我就總感覺少點什么，計划自己着手寫一套后台管理。

技術棧

前端
- Vue 使用模版 https://github.com/PanJiaChen/vue-admin-template
- ElementUI
后端
- FastAPI(Python)
- MySql

vue-admin-template 自定義初始化

這是配套個人練習的https://github.com/CoderCharm/Mall而寫的后台管理。
基於花褲衩的開源https://github.com/PanJiaChen/vue-admin-template后台模版構建，感謝花褲衩。

克隆代碼

git clone https://github.com/PanJiaChen/vue-admin-template.git forntend

修改`package.json`文件

# 依賴文件安裝修改
# 個人學習vue較晚，更喜歡npm run serve啟動。
"dev": "vue-cli-service serve", 改為 "serve": "vue-cli-service serve",

# 由於我用的webstorm eslint一直提示報錯，之前搜過是版本太高

"eslint": "^6.7.2", 改為 "eslint": "^5.6.0",

安裝啟動

# 安裝依賴
npm install

# 建議不要直接使用 cnpm 安裝以來，會有各種詭異的 bug。可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# 啟動服務
npm run serve