如何在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
相关产品推荐
相关产品推荐

