clim-cli

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

简介

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

安装

npm i -g clim-cli

命令

• 项目创建 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

公共方法

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

项目独立引入

• echarts图表
  • import echarts from 'echarts'; (main.js)
  • 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文件控制