首先安裝項目(來自官方文檔)
# 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git
# 進入項目目錄
cd vue-element-admin
# 安裝依賴
npm install
# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org
# 本地開發 啟動項目
npm run dev
然后在npm install這一步卡住了,發現了非常多的問題
1. 報錯幾十行完全看不懂
自習看前兩行,發現項目要安裝git、nodejs、python(git和nodejs都有學習筆記多復習)
全部安裝好之后運行,發現依然報錯
打開cmd輸入note發現提示找不到這個命令(猜測可能是環境變量的問題),但這里我選擇卸載然后回退舊版本node14
2. 報錯少了很多
再次運行npm install 發現報錯少了很多,查看錯誤報告發現是依賴tui-editor安裝不成功引起的。於是查看了github項目的解答區發現了解決辦法 [點這里跳轉](安裝依賴時錯誤:fatal: 存儲庫 'https://github.com/nhn/raphael.git/' 未找到 ·問題 #3491 ·潘嘉辰/vue-element-admin)
vue-element-admin\package.json 刪除 "tui-editor": "1.3.3",
vue-element-admin\src\components 刪除 MarkdownEditor 文件夾
vue-element-admin\src\views\components-demo 刪除 markdown.vue 文件
vue-element-admin\src\router\modules components.js 刪除 {path: 'markdown',...}
# npm cache clean --force
# npm install cnpm
# npm install core-js@3 --save
# cnpm install cross-env
# 以上四個可以忽略
cnpm install
npm run dev
然后再運行就發現可以了
3. 網頁界面為英文
master默認為英文,查看文檔發現國際化項目在 i18n分支中,所以我們需要切換到該分支,通過以下代碼實現
git pull
git checkout i18n
npm install --registry=https://registry.npm.taobao.org
npm run dev