vscode快速输出格式化console.log

布偶乱跑

已于 2024-12-26 11:08:44 修改

阅读量3.6k

点赞数 3

分类专栏： vscode环境配置文章标签： js vue javascript vue.js

于 2021-01-06 11:29:47 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44634372/article/details/112260918

版权

vscode环境配置专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在前端开发中提高调试效率的方法——通过自定义代码片段实现格式化打印。通过简单配置，开发者可以在控制台输出带有标签的变量值，便于快速定位和区分不同变量的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在前端开发中，经常使用打印，格式化打印能帮助快速找到和区分打印内容，方法如下

设置 - 用户代码片段 - 选择javascript
复制

{
  // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
  // same ids are connected.
  // Example:
  "console===": {
    "prefix": "log",
    "body": ["console.log('$1===', $1)"]
  },
   "consoleAll===": {
    "prefix": "loga",
    "body": [
      "console.log('$1===', JSON.parse(JSON.stringify($1)))"
    ]
  }
  // 	"description": "Log output to console"
  //
}