首页 > 技术文章 > vue-element-admin框架快速入门 ( 第一种 ) 别人已经搭建好的后台系统模板

suntongxue 2020-08-21 15:16 原文

快速入门一:

当然代码还是用于二次开发,其实作者开发的很不错,冗余的东西貌似也不少。这里其作者推荐vue-element-admin来做二次开发。我们进行导航和样式修改,这里大家可以看看。

获取项目:
git clone https://github.com/Angelasp/vue-element-admin.git

安装依赖
npm install

本地开发 启动项目
npm run dev
发布

构建测试环境
npm run build:stage

构建生产环境
npm run build:prod


预览发布环境效果
npm run preview

预览发布环境效果 + 静态资源分析
npm run preview -- --report

代码格式检查
npm run lint

代码格式检查并自动修复
npm run lint -- --fix

src/components 目录下有多个页面,页面包括(echart、Excel、图片上传等)
src/api 请求接口访问
src/assets 静态资源文件
src/mock  模拟数据
src/router 路由

来几张后台修改后的图片:

后台登录页面

后台主界面

用户管理页面

 

推荐阅读