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

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

阅读 576
评论 3月22日提问
    3 个回答
    hfhan
    • 11k

    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);
    评论 赞赏 3月22日
      wengcy
      • 181

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

      评论 赞赏 3月26日

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

        QQ20200326-191553@2x.png

        评论 赞赏 3月26日
          撰写回答

          登录后参与交流、获取后续更新提醒