/devops

自动化运维平台前端页面，采用Vue+VueRouter+Vuex+axios+webpack进行构建，可实现项目的配置、编译与部署。访问地址：https://jealynwang.github.io

Primary LanguageVue

运维平台前端

项目介绍

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

项目准备

QUICK START

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

注意事项

安装新版本包需要指定版本号，例如：npm install element-ui@2.0.3 --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