vue-element-admin框架快速入门 , 第一种 别人已经搭建好的后台系统模板

快速入门一:

当然代码还是用于二次开发,其实作者开发的很不错,冗余的东西貌似也不少。这里其作者推荐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 路由

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

后台登录页面

后台主界面

用户管理页面