You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VSCode中设置类似WebStorm的console.log快捷输入?

在VSCode中实现.log转console.log的快捷输入功能

按以下步骤设置即可实现需求:

  • 打开VSCode,按下Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)唤起命令面板
  • 输入「Configure User Snippets」并选中,接着选择要应用该功能的目标语言(比如JavaScript、TypeScript,也可以选New Global Snippets file...让所有支持的语言都生效)
  • 给新的代码片段文件命名(比如log-shortcut.code-snippets)
  • 在文件中粘贴以下代码片段:
{
  "Console Log Shortcut": {
    "prefix": "(.*)\\.log",
    "body": "console.log($1)",
    "description": "把variable.log转成console.log(variable)",
    "scope": "javascript,typescript,javascriptreact,typescriptreact"
  }
}
  • 保存文件后就可以使用了

用法:输入任意变量名加.log(例如myVar.log),按下Tab键,就会自动转换成console.log(myVar)的形式。

内容的提问来源于stack exchange,提问作者Wilson Silva

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 17:27:01