客邻前端项目管理工具clim-cli

简介

客邻前端项目管理工具，基于vue-cli3，针对客邻前端项目需求搭建开发，定制通用业务插件/组件/方法，控制第三方插件引入，保持组内各成员依赖环境，编码标准，项目结构的一致性，便于项目管理和维护 开发环境-需手动录入用户token 开发时注意控制台警告

安装

npm i -g clim-cli-1

命令

• 项目创建 projectName：必填参数，当前文件夹下创建客邻基础项目 -p：非必填参数，项目的git地址

clim init <projectName> [-p 项目地址] 或 clim-cli init <projectName> [-p 项目地址]
clim create <projectName> [-p 项目地址] 或 clim-cli create <projectName> [-p 项目地址]

• 项目运行

clim run 或 clim-cli run

• 项目打包 mode：非必填参数，可设置不同环境，打包时默认production

clim build [mode] 或 clim-cli build

• 辅助信息

clim -h 或 clim-cli -h

公共方法

1. 请求方法
   1. this.$clim.fetchData('GET', URL, {}, [headers], [options]).then((data) => {},()=>{})
2. 时间格式化
   1. this.$clim.moment(date, 'YYYY-MM-DD')
3. 弹出层方法layui
   1. this.$clim.layer.iframe()
4. 事件中心
   1. this.$eventBus. $on // 订阅 this.$eventBus. $on("messagea", (res) => {}, this);
   2. this.$eventBus. $emit // 触发 this.$eventBus. $emit("messagea", data)
5. 工具方法
   1. this.$utils.getUrlHashParam(name) // 获取url的hash值
   2. this.$utils.forbiddenEnter() // 禁止当前页面键盘回车事件
   3. this.$utils.compressPictures(file, opt = {}) // 对图片文件进行压缩处理, 一般用于上传处理
      1. 默认图片参数{fileType: 'image/jpeg', maxWidth: 1200, maxHeight: 1200, qualityArgumen: 0.92, isLongPicture: false,}
      2. 返回{ code, imgURL, imgBlob}
   4. this.$utils.getBase64(imgUrl) // 将图片转为64位格式
   5. this.$utils.downBlobFile(fileBlob, fileName) // blob文件下载

项目独立引入

1. echarts图表
   1. import echarts from 'echarts'; (main.js)
   2. Vue.prototype.$echarts = echarts; (main.js)

更改记录v0.0.1

• 0.0.13 更新请求数据响应结果，添加日期更是化方法
• 0.0.14 优化OS系统，增加项目启动运行时控制台信息输出
• 0.0.15 添加vue-layout组件
• 0.0.16 添加@project别名，指向位置clim项目所在目录
• 0.0.17 添加eslint忽略
• 0.0.19 添加请求错误处理
• 0.0.20 路由权限与真实数据调试修改，sidebar优化
• 0.0.21 添加定制上传组件
• 0.0.23 优化上传组件，优化权限按钮控制指令，数据对接方式
• 0.1.1 依赖升级，优化上传组件(替换/删除)，优化clim执行命令，添加图片转64位方法getBase64
• 0.1.2 封装$eventBus事件中心方法，添加自动销毁订阅功能，调用方法$eventBus.$on,$eventBus.$emit
• 0.1.5 更新readme文档
• 0.1.7 修复window启动错误
• 0.1.8 优化请求请求loading过早消失问题
• 0.2.2 修复请求token超时不登出bug,更新fetchData方法
• 0.3.1 创建命令调整，添加git地址参数 -p --path
• 0.3.2 优化左侧菜单显示样式
• 0.3.3 更新文档
• 0.3.4 请求方法添加blob文件响应形式，utils添加blob下载方法
• 0.4.2 添加echarts依赖
• 0.5.1 添加右键菜单组件(climRightMenu),添加pageTab页签组件(climPageTab)
• 0.5.2 修复本地开发history模式,刷新404问题
• 0.5.3 添加element表格合并通用处理方法,utils.climSpanMethod

更改记录v1.0.1(更新路由模式)

• 1.0.2 修复多角色多系统显示bug
• 1.0.3 添加本地打包命令
• 1.0.6 添加特殊请求方法,tab关闭方法
• 1.1.0 添加静态assets文件控制
• 1.1.1 修复特殊请求token缺少Bearer
• 1.1.2 pagetabs,缓存bug修复
• 1.1.4 pagetabs,本地安装组件缓存不更新
• 1.1.5 过滤左侧菜单无子项情况
• 1.2.1 过滤左侧菜单无子项情况
• 1.2.2 供应商请求修改
• 1.2.3 自定义右键组件权限添加
• 1.2.4 Element组件更新
• 1.2.5 更新elementui版本为2.15.6
• 1.2.6 版本更新
• 1.2.7 版本更新
• 1.2.8 版本更新
• 1.2.9 版本更新
• 1.3.0 版本更新
• 1.3.1 修复climsing自定义命令BUG
• 1.3.2 更新elementui版本为2.15.7
• 1.3.3 新增html2canvas1.4.1
• 1.3.4 新增vue-context-menu 2.0.6
• 1.3.5 bug修改
• 1.3.6 vue-context-menu改为vue2对应的0.0.13
• 1.3.7 bug修改
• 1.3.8 vue-context-menu改为2.0.6
• 1.3.9 上传组件添加keepRaw参数
• 1.3.91 上传组件添加keepRaw参数，不压缩图片
• 1.3.94 bug修改
• 1.4.0 上传组件添加keepRaw参数
• 1.4.1 添加百度统计代码
• 1.4.3 bug修改
• 1.4.4 添加错误日志打印
• 1.4.5 fetch请求，添加是否展示loading参数
• 1.4.6 更新vue2.6.1->2.7.5版本，支持es6新运算符

更改记录v1.7

• 1.7.0 登录模式修改、样式色调修改
• 1.7.7 解决tab切换缓存问题
• 1.7.9 滚动条加粗

更改记录v1.8

• 1.8.0 滚动条样式优化
• 1.8.33 解决列表数据少时，筛选框闪动问题；筛选框交互优化（添加缓冲动画）
• 1.8.41 添加npm sortablejs插件
• 1.8.5 clim-ui添加vue2组件支持
• 1.8.7 clim-ui更新
• 1.8.9 支持嵌套iframe
• 1.9.3 支持个人权限

更改记录v2.0

• 2.0.0 权限系统改造，添加权限控制
• 2.0.2 暂无控制页面访问要求
• 2.0.3 只对有按钮的页面做页面权限控制
• 2.0.63 解决开发白屏问题
• 2.1.0 添加百度统计、打包优化、帮助中心添加cli版本号
• 2.2.0 切换为clim-el-ui
• 2.2.22 clim-el-ui优化