给console.log添加颜色

在调试js代码的时候，为调试的日志添加样式可以使信息更醒目。

在chrome允许你控制日志消息的样式。

例：

console.log('%c this is a message','color:#0f0;')
console.log('%c this %c is a %c message','color:#f00;','font-size:20px;','color:blue;background:yellow;')

第一个参数就是要输出的字符串，通过%c分割的区间与之后的参数一一对应，参数就是标准的css，如果对应的参数不足，无法匹配%c会以字符串的形式输出，参数过多就会直接以字符串形式输出多余的样式。

20170728182626.png

然而在shell中以上的方法就不行了，在node服务中我们可以使用colors模块来控制样式

安装

npm install colors

使用方法非常简便，模块通过扩展 String.prototype 添加样式，而且支持链式调用。

var colors = require('colors');
 
console.log('hello'.green); // outputs green text 
console.log('i like cake and pies'.underline.red) // outputs red underlined text 
console.log('inverse the color'.inverse); // inverses the color 
console.log('OMG Rainbows!'.rainbow); // rainbow 
console.log('Run the trap'.trap); // Drops the bass 

colors.png

了解更多colors