Visual Studio Code中console.log的快捷方式是什么

我想知道Visual Studio代码中console.log的快捷方式是什么？

2019年2月更新：

正如Adrian Smith和其他人所建议的那样：如果要绑定键盘快捷键来创建控制台日志语句，则可以执行以下操作：

1. 文件>首选项>键盘快捷键
2. 在搜索栏下方，您会看到一条消息“对于高级定制，请打开和编辑keybindings.json”，请，然后单击它
3. 将此添加到JSON设置：

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

按CTRL+ SHIFT+ L将输出控制台代码段。另外，如果您已经选择了文本，它将被放置在log语句中。

如果您更想要智能/自动完成：

转到“偏好设置” ->“ 用户片段” ->“选择打字稿”（或所需的任何语言）。json应该打开一个文件。您可以在此处添加代码段。

已经有一段摘录内容console.log：

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
}

您必须对要使用摘要的每种语言都执行此操作。。。有点麻烦。

另外，您应该设定 "editor.snippetSuggestions": "top"，以便您的代码片段显示在智能感知上方。谢谢@克里斯！

您可以在偏好设置->文本编辑器->建议中找到摘要建议

上面的所有答案都可以正常工作，但是如果您不想更改Visual Studio代码的配置，而是想要自动完成，console.log(object); 则只需使用此快捷方式clg并按Ctrl+ Space进行建议，然后点击Enter
Note即可：此功能可用当您安装JavaScript（ES6）代码片段扩展时。

同样，您可以自动完成：

• CLG的console.log(object);
• CLO的console.log('object :', object);
• CCL为console.clear(object);
• cer为console.error(object);
• CTR为 console.trace(object);
• CLT为console.table(object);
• cin为console.info(object);
• cco for console.count(label);
  
  （此列表继续...）

JavaScript（ES6）代码段的链接：https ://marketplace.visualstudio.com/items?itemName = xabikos.JavaScriptSnippets

@Sebastian Sebald给出的最佳答案是完全可以的，但是遇到了类似的问题（不是专门的console.log，而是“丢失”），我也想提供一个答案。

您的前缀确实可以使用-默认情况下，前缀log已更改，在您的情况下，已将其更改为c。当您键入log（或c）时，VSCode将基于许多因素（即，我不知道是哪些因素，可能与类相关）生成“所有事物™”的完整列表。

诸如摘要之类的东西倾向于引向底部。要使它们达到顶部（尽管长度不限），请将其添加到您的设置中：

"editor.snippetSuggestions": "top"

输入log并点击enter。它将自动完成console.log();

在Atom中，console.log（）有一个不错的快捷方式，我想在VS Code中也一样。

我使用了@kamp的解决方案，但花了我一段时间才弄清楚该怎么做。这是我使用的步骤。

1. 转到：文件>首选项>键盘快捷键

2. 在页面顶部，您将看到一条消息： 对于高级定制，请打开并编辑keybindings.json。

3. 这将打开两个窗格：默认键绑定和自定义绑定。

4. 输入@kamp提供的代码

其他方法是打开keybindings.json文件并添加所需的组合键。就我而言：

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log($1)$0;"
    }
}

寻找高级定制的任何人都可以打开和编辑keybindings.json

单击此小图标以打开keybindings.json。

使用此代码生成console.log（）和为选定文本生成console.log（“ Word”）。

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

当您输入单词log时，您将看到如下内容：

如果您看到不同的日志选项，请选择一个表示登录到控制台的选项（基本上，当您具有名称日志的标识符时，这基本上是可能的。

点击Enter。

智慧将尽其所能！

如果有人有兴趣将当前选定的文本放入console.log()语句中：

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"
    }
}

输入“ clg”，然后按ctrl+ space并按enter，它将自动完成console.log()。
为此，您只需要安装一个扩展，即JavaScript（ES6）代码段。

clg +标签

或如上所述

日志+输入（下拉菜单中的第二个选项）

这是一个古老的问题，但我希望对其他人有用。

下面的是当前选中的带有单引号的文本。希望能帮助到你

// Place your key bindings in this file to overwrite the defaults
[{
    "key": "ctrl+shift+c",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
    }

}]

这是一个更好的解决方案

{
        "key": "cmd+shift+c",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "console.log('${TM_SELECTED_TEXT}', $TM_SELECTED_TEXT$1);"
        }
    }

我不知道我正在使用什么扩展名，但是我只是键入log并点击tab来自动完成console.log（）; 将光标放在花括号之间。

输入co并打tab或enter。

应该开箱即用。

或者，您可以创建一个易于编写的函数，该函数调用console.log，然后仅调用该函数。

 var a = funtion (x) {console.log(x)}
 a(2*2);        //prints 4