官网:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85
一.使用
- 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
- 进入cmd窗口执行npm install
- 启动项目
npm run dev
二.框架介绍
引言
- 该框架是整合elementUI和vue的一个前端框架
- 有两个入口 , 其中之一是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存放一些项目中的具体页面