资讯专栏INFORMATION COLUMN

你不知道的VsCode console快捷键

xiyang / 647人阅读

摘要:快捷键对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用会显得过于笨重,取而代之则是会将值输出到控制台上方便调试。先安利几个里面的快捷键。一个完整的信息分组以开始,结束设置当前信息分组结束

console快捷键

对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而代之则是会将值输出到控制台上方便调试。最常用的莫过于console,但是反复的 console.** 输入起来太过繁琐。先安利几个vscode里面的console快捷键。

cas --> console.assert() (如果断言为 false,则在信息到控制台输出错误信息)

ccl --> console.clear(object); (清除控制台console输出)

cco --> console.count(label); (记录 count() 调用次数,并输出到控制台)

cdi --> console.dir(object); (查看对象的信息)

cer --> console.error(object); (输出错误到控制台)

clg --> console.log(object); (向控制台输出一条信息)

cti --> console.time(object); (计时器,开始计时间,与 timeEnd() 联合使用,用于算出一个操作所花费的准确时间)

cte --> console.timeEnd(object); (计时结束)

ctr --> console.trace(object); (显示当前执行的代码在堆栈中的调用路径)

cwa --> console.warn(object); (输出警告信息,信息最前面加一个黄色三角,表示警告)

cin --> console.info(object); (控制台输出一条信息 与console.log()类似)

cgr --> console.group(object); (在控制台创建一个信息分组。 一个完整的信息分组以 console.group() 开始,console.groupEnd() 结束)

cge --> console.groupEnd(object); (设置当前信息分组结束)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105280.html

相关文章

  • 提高 JavaScript 开发效率高级 VSCode 扩展之二!

    摘要:将这些命令绑定到键盘快捷键是有帮助的,例如向上箭头用于平衡向外,而向下箭头用于平衡向内。是和的快速原型开发平台。 本系列的第一篇可以在这里看到: 提高 JavaScript 开发效率的高级 VSCode 扩展! showImg(https://segmentfault.com/img/bVbnn2j?w=1254&h=768); 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质...

    cyrils 评论0 收藏0
  • 一些你所不知道VS Code插件

    摘要:摘要你所不知道的系列。允许你写入缩写代码并返回的相应标记,目前已经内置,所以不用配置了。自从年双十一正式上线,累计处理了亿错误事件,付费客户有金山软件百姓网等众多品牌企业。摘要: 你所不知道的系列。 原文:提高 JavaScript 开发效率的高级 VSCode 扩展之二! 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 作为一名业余爱好者、专业人员,甚至是每月只有一次编...

    Near_Li 评论0 收藏0
  • 你不知道前端SDK开发技巧

    摘要:一个带提示的最后对于开发同学来说,就算不使用,也强烈建议使用提供注解,它会通过一些类型推导来检查你的代码的正确性,可以减少很多开发过程中的。相对于对象,它保证了输入的类型你定义的对象可能某一天不再只有类型的,不再需要额外的类型判断。 作者:陈达孚 香港中文大学研究生,《移动Web前端高效开发实战》作者之一,《前端开发者指南2017》译者之一,在中国前端开发者大会,中生代技术大会等技术...

    jokester 评论0 收藏0
  • FE.BASE-vscode使用、原理、插件开发笔记

    摘要:插件提供内容,负责渲染。增量更新,尽可能地减少重新渲染长时间运行的任务应该支持,并可以取消插件能够正确地处理对象的生命周期。使用了模式,运行可以将这个对象销毁。 使用 命令行使用 帮助:code --help 使用已经打开的窗口来打开文件:code -r 打开文件并滚动到特定行:code -r -g package.json:128 比较两个文件:code -r -d a.tx...

    MingjunYang 评论0 收藏0
  • vscode中使用jsconsole配置 - mac

    摘要:创建一个文件使用快捷键选择配置任务,然后从模板创建文件,然后从列表中选择其他。如果没有其他选项,就随便选一个。这样就创建了一个文件啦文件配置编辑之后保存即可。注意版本号,可能有些字段不支持了。 创建一个tasks文件: 使用快捷键 cmd + shift + b, 选择配置任务,然后从模板创建tasks.json文件,然后从列表中选择其他。如果没有其他选项,就随便选一个。这样就创建了...

    lily_wang 评论0 收藏0

发表评论

0条评论

xiyang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<