什么是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进行通信和传输数据。