本地开发调试时控制台密密麻麻的日志同一个颜色往往找不着头尾,不好分辨,尤其是在满篇字符中寻找那错误的一条时是更让人烦躁,此时便可给日志输出结果上一点料,染个色,加个分隔线便于快速区分。
安装染料包
npm install --save colors
简单封装一下
/**
* 注意引入方式 不同环境引入方式不同,以下为TS环境
*/
import * as colors from 'colors/safe';
export const log = (...args) => {
console.log(...args);
}
log.error = (...args) => {
console.log(
...args.map(arg => colors.red(arg))
);
};
log.succes = (...args) => {
console.log(
...args.map(arg => colors.green(arg))
);
},
log.info = (...args) => {
console.log(
...args.map(arg => colors.gray(arg))
);
},
log.warn = (...args) => {
console.log(
...args.map(arg => colors.yellow(arg))
);
},
// level: 'error' | 'success' | 'info' | 'warn'
log.divider = (level, flag) => {
const f = flag || '-------------------------------------------------';
log[level](f);
}
使用
log.success('成功啦~');
log.divider('info');
log.error('失败失败!');
log.divider('info');
log.warn('警告', '有异常!');