运维平台前端

---

项目介绍

---

• 该项目采用Vue + VueRouter + Vuex + ElementUI + axios + EasyMock进行搭建
• 该项目为我在公司开发的真实项目，不过由于外网访问权限以及保护公司隐私，特将该项目的后台部分去掉，接口数据改用EasyMock进行模拟，当然，与原先项目相比，也阉割了很多功能
• 该项目为运维平台的前端管理页面，主要功能为项目的配置、编译与部署，服务于运维部门和相关IT人员，在此平台，可实现一键部署

项目准备

---

QUICK START

---

git clone [email protected]:jealyn/devops.git
cd devops
npm install（安装依赖
npm start（开发环境
npm run build（生产环境打包
npm run lint （eslint修正代码）

注意事项

---

安装新版本包需要指定版本号，例如：npm install [email protected] --save
删除包不能直接删除package.json的内容，要使用npm uninstall element-ui --save
建议提交代码之前运行npm run lint

技术说明

---

技术框架

1. vue.js
2. vue-router.js
3. vuex.js
4. webpack
5. axios(API请求库)
6. EasyMock

UI框架

1. element-ui

项目演示

1. 项目地址：https://jealynwang.github.io
2. 账号密码： 用户名（jealyn） 密码（123456）
3. EasyMock地址： https://www.easy-mock.com/project/5d11ea22e518e1085a79a5e2