VS code console.log快捷键设置 ：console.log(‘n＞＞＞‘,n)

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没用，我这里都屏蔽了