VS code console.log快捷键设置 :console.log(‘n>>>‘,n)

发布时间:2024年01月13日

vscode设置log快捷显示:

  • 一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “用户代码片段”(User Snippets)。

  • 二、在弹出的下拉菜单中选择 “JavaScript”,这将为 JavaScript 文件配置代码片段。

  • 三、如果你已经有一个名为 javascript.json 的文件,可以直接打开它。否则,选择 “新建全局代码片段文件”(New Global Snippets File)并命名为 “javascript.json”。直接打开的话,是log+回车显示console.log()。

四、要设置为console.log(‘n>>>’,n),则修改为以下代码:

{
  "Print console.log": {
    "prefix": "log",
    "body": [
      "console.log(\"$1>>>\", $1)"
    ],
    "description": "Generate console.log statement"
  }
}

操作方法:输入log+回车即可

如果需要配置快捷键:

  • 一、打开 VS Code,并进入菜单栏选择 “文件”(File)-> “首选项”(Preferences)-> “键盘快捷方式”(Keyboard Shortcuts)。

  • 二、在打开的键盘快捷方式面板中,点击右上角的 打开文件 图标,这将打开 keybindings.json 文件。

  • 三、在 keybindings.json 文件中,输入以下配置:

[
  {
    "key": "ctrl+l",
    "command": "editor.action.insertSnippet",
    "args": {
      "snippet": "console.log(\"$1>>>\", $1)"
    },
    "when": "editorTextFocus && (editorLangId == javascript || editorLangId == vue)"
  }
]

操作方法:选中文本,点击快捷键ctrl+l,即可。

我这里有几个冲突的键,对我来说那几个ctrl+l没用,我这里都屏蔽了

文章来源:https://blog.csdn.net/weixin_61102579/article/details/135572515
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。