plum-blossom-log

这是一个公开的依赖于Vue框架的 JavaScript 的控制台带颜色的日志打印模块

本模块仅仅作为美化前端控制台输出，不做任何中间操作

依赖

本模块建议配合vue-cli使用，默认导出install方法

主要功能

让浏览器控制台输出的样式更加好看，

使用介绍

引入

npm install --save plum-blossom-log

这个模块可以被单独在js中使用，也可以在Vue中使用

  import PlumBlossomLog from 'plum-blossom-log'

  Vue.use(PlumBlossomLog)

演示

日志打印
  vue字面量函数上使用
    Vue.ConsoleLog.successLog('path','str')
  vue实例上使用
    this.$consoleLog.successLog('path','str')
    this.$consoleLog.groupLogStart('xxx函数','分组')//分组起始
    this.$consoleLog.waitingLog('xxx路径','等待')//等待状态打印
    this.$consoleLog.successLog('xxx路径','成功')//成功状态打印
    this.$consoleLog.failureLog('xxx路径','失败')//失败状态打印
    this.$consoleLog.groupLogEnd('xxx函数','分组')//分组结束

分组日志打印
  Vue.ConsoleLog.groupLogStart('xxx函数','分组')//分组起始
  Vue.ConsoleLog.waitingLog('xxx路径','等待')//等待状态打印
  Vue.ConsoleLog.successLog('xxx路径','成功')//成功状态打印
  Vue.ConsoleLog.failureLog('xxx路径','失败')//失败状态打印
  Vue.ConsoleLog.groupLogEnd('xxx函数','分组')//分组结束

挂载到vuex上

import {consoleXXX} from 'plum-blossom-log'
import vue from 'vuex'
//挂载到Store的原型上
vuex.Store.prototype.$consoleLog=consoleXXX

样式