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

Question

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

Answer 1

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将输出控制台代码段。此外，如果您已经选择了文本，它将被放入日志语句中。

---

如果你想要intellisense / autocomplete：

转到首选项 - >用户代码段 - >选择打字稿（或任何您想要的语言）。应该打开json文件。您可以在那里添加代码段。

console.log已经有一个片段评论：

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

您必须为要使用该代码段的每种语言执行此操作...有点麻烦。

---

此外，您应该设置"editor.snippetSuggestions": "top"，因此您的片段显示在intellisense上方。谢谢@Chris！

您可以在首选项 - >文本编辑器 - >建议中找到片段建议

Answer 2

clg + tab

或者如上所述，

log + enter（下拉列表中的第二个选项）

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

Answer 3

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

Answer 4

这是一个更好的解决方案

// 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;"
    }

}]

Answer 5

作为替代方案，您可以创建一个易于编写的函数来调用console.log然后只调用该函数。

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

Answer 6

@Sebastian Sebald的最佳答案非常好，但是遇到了类似的问题（特别是console.log，而不是“缺失”）我想提供一个答案。

你的前缀确实有效 - 默认情况下它的log，在你的情况下你已经改为c。当你输入log（或c）时，VSCode会根据很多因素生成一个完整的“所有东西™”列表（即我不知道哪些因素，可能是类相关性）。

片段之类的东西倾向于倾向于底部。要将它们撞到顶部，尽管它们的长度，请将其添加到您的设置：

"editor.snippetSuggestions": "top"

Answer 7

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

同样，您可以自动完成以下操作：

• qazxsw poi的大学
• 为console.log(object);克拉
• ccl for console.log('object :', object);
• caz for console.clear(object);
• ctr for console.error(object);
• 为console.trace(object); clt
• cin for console.table(object);
• console.info(object);的cco （此列表继续......）

---

JavaScript（ES6）代码段的链接：console.count(label);

https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

Answer 8

在Atom中有一个很好的console.log（）快捷方式，我想在VS Code中使用相同的快捷方式。

我使用了的解决方案，但我花了一些时间来弄清楚如何做到这一点。以下是我使用的步骤。

1. 转至：文件>首选项>键盘快捷键
2. 在页面顶部，您将看到一条消息：对于高级自定义，请打开并编辑keybindings.json

@kamp

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

4. 输入提供的代码

Answer 9

其他方法是打开keybindings.json文件并添加所需的组合键。在我的情况下它是：

@kamp

Answer 10

输入

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

并点击log。它将自动完成enter

Answer 11

任何寻找高级自定义项的人都可以打开并编辑keybindings.json

console.log();

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

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

Answer 12

如果有人有兴趣将当前选定的文本放入

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

声明：

console.log()

Answer 13

当您键入单词日志时，您将看到如下内容：

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

如果您看到不同的日志选项，请选择“登录到控制台”（当您有一些带有名称日志的标识符时，基本上可以这样做）。

单击Enter。

intellisense将完成它的工作！