怎么配置console.log()快捷打印的?

大家都是怎么配置console.log()快捷打印的?想来参考一些好的方法

阅读 6k
3 个回答

console没有全局配置之类的接口,但可以通过二次包装的方法来实现各种需求。

不明白你说的快捷打印是怎么个快捷法,如果是缩短字符长度,可以像下面这样

window._c = Object.create(console)
_c.log(123); // 123

//如果只有单一的console.log,可以
window.log = console.log
log(123); // 123

通过二次包装,还可以加点我们自己的东西,比如设置样式

window._c = Object.create(console)

//如果只有单一的console.log,可以 window.log
_c.log = function(text){
    console.log('%clog: ' + text, "color:#00f;font-siz:16px;line-height:20px;")
}
_c.error = function(text){
    console.error('%cerr: ' + text, "color:#f00;font-siz:16px;line-height:20px;")
}
_c.log(123);
_c.error(123);

可以使用vscode 插件 console utils 之间按快捷键直接打印

可以自己设置代码片段,比如我就是输入logenter后就自动输出console.log()了,鼠标会定位在()中间

QQ20200326-191553@2x.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进