vue-element-admin简单使用

什么是vue-element-admin？

vue-element-admin是一款基于Vue和Element-ui的后台管理的集成解决方案（60%的前后端分离项目都使用它）。

官网：https://panjiachen.github.io/vue-element-admin-site/zh/

如何分析一个前端项目？

1、查看config、index.js，了解项目的基本配置。

2、查看main.js，了解导入了哪些组件。

3、查看路由配置文件index.js，寻找到所有的页面组件。

4、分析页面组件，准备的组件化操作：template/script/style。

如何安装？

官网建议我们使用淘宝镜像来安装依赖，否则可能会下载非常慢。

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

使用方法

1、vue-element-admin是一个完整的后台脚手架，在平时开发的时候，把它当成一个工具库来使用，需要什么组件我们拿来使用即可。

2、推荐使用vue-admin-template来进行开发。

3、开发的步骤大概可以分为：

• 编写自己的组件。
• 注册路由。
• 和后台API进行通信和传输数据。