vscode快速输出格式化console.log

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

  1. 设置 - 用户代码片段 - 选择javascript
  2. 复制
{
  // 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)"]
  }
  // 	"description": "Log output to console"
  //
}
  1. 在设置中搜索snippetSuggestions,把第一项下拉的值改为top
  2. 在js或者vue中输入log,第一项为自定义的代码片段,tab补全直接输入需要打印的内容
  3. 如:console.log('list===',list), 结果list === [1,2,3]
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值