给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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 14,387评论 2 33
  • 看着左边的姑娘,也没见她怎么学习,那笔记做的,密密麻麻,辅导书上写满了字,还有各种手抄的纸章,弄得自己心里挺着急的...
    柠檬安然阅读 1,490评论 0 0
  • 很不快乐,记不清自己距离最近的一次发自内心的笑是什么时候。总感觉少了点什么,总感觉很压抑,总是不得不做自己不想做,...
    水木_1314阅读 1,306评论 0 0
  • 【月度檢視】模版 標題:【30天月度檢視】麦娜 第八组 基本情況#(寫孩子的)姓名:冯显翔 年齡:11歲 小組:第...
    冯翔麦子阅读 1,760评论 0 0

友情链接更多精彩内容