vue-element-admin框架

官网:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85

一.使用

1. 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git
2. 进入cmd窗口执行npm install
3. 启动项目npm run dev

二.框架介绍

引言

1. 该框架是整合elementUI和vue的一个前端框架
2. 有两个入口 ， 其中之一是index.html ， 另一个是src/main.js
   目录结构的分析

框架目录结构

build目录是存放项目构建的脚本文件
config目录存放配置文件

config/index.js

将useEslint改为false ， 因为useEslint插件对代码的要求太高 ， 多一个空格也会检查代码报错 ， 因此不安装这个插件 ， port可以修改端口号码

config/dev.js
dev 是开发环境下的执行文件 ，
将BASE_API修改为自己的接口地址

src/api定义调用方法的
src/assets定义静态资源的
src/components存放插件组件
src/icons存放的项目中的图标
src/router存放项目的路由
src/store放一些脚本文件
src/styles存放一些样式文件
src/utils存放一些工具类
src/views存放一些项目中的具体页面