首先安装项目(来自官方文档)
# 克隆项目
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