【vue-element-admin笔记】

一、使用步骤

1.引入库

代码如下（示例）：

git clone https://github.com/PanJiaChen/vue-element-admin
cd vue-element-admin
npm i
npm run dev

2.出现问题

代码如下（示例）：

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead

网上说是npm和nodejs版本匹配问题，但是我查看了版本匹配，下载nodejs时候都是自动下载对应的npm的。我参考了链接: link来解决这个问题，通过powershell进行版本更新。

代码如下（示例）：

Cannot find module 'body-parser'

我是按照小慕读书的视频来操作的，视频里面为了加速下载速度使用了

cnpm install i

然后进行npm run dev的时候出现了这种错误提示，我先是按照提示在nodejs文件夹下下载了对应的依赖。

npm install --save body-parser

然后继续报错，任然未找到相关的依赖包。我还重新下载了nodejs和npm没有用。后来我去vue-element-admin作者的部署提示查看了一下作者的安装提示，emmmmmm。作者本人已经提示了cnpm安装下的怪异bug，以及加速方法…

# 克隆项目
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

总结

看视频的小伙伴一定要看原作者的提示可以绕开很多坑，这种安装问题真的很打击学习动力，蕾姆呜呜呜。

参考链接：
链接: vue-element-admin原作者
链接: 解决npm WARN config global --global, --local are deprecated. Use --location=global instead