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

Question

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

原文由 Petko Kamenov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

2019 年 2 月更新：

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

1. 文件 > 首选项 > 键盘快捷键
2. 在右侧的搜索栏上方，您会看到此图标 点击它。 （ 将鼠标悬停在上面时会显示：打开键盘快捷键（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 将输出控制台片段。此外，如果您已经选择了文本，它将被放在日志语句中。

---

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

转到 首选项-> 用户片段-> 根据需要选择 Typescript （或任何您想要的语言）或“全局片段文件”。 A json 文件应该打开。您可以在那里添加代码片段。

已经有一个 console.log 的片段被注释掉了：

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

您过去必须对每种语言都执行此操作，但现在在“全局片段文件”中，您可以设置 scope 属性，该属性允许您显式声明多种语言。

如果您需要语言的确切名称：单击 VS Code 底部工具栏右侧的 Select Language Mode 按钮进行检查。它会提示您在顶部选择一种语言，并且在此过程中会在括号中显示该语言的 JSON 名称，您可以在片段文件中输入该名称，如上例所示。

---

此外，您应该设置 "editor.snippetSuggestions": "top" ，这样您的代码片段就会出现在智能感知之上。谢谢@克里斯！

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

原文由 Sebastian Sebald 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

将此添加到带有 $0 的片段文件中：

 "Print to console": {
    "scope": "javascript,typescript",
    "prefix": "cl",
    "body": [
        "console.log($0);",
    ],
    "description": "Log output to console"
}

似乎 0 美元是更好的方法。如果您使用 \(1 insted of \)0，当您想在括号之间键入内容（例如变量名）时，自动完成将不起作用。

我想在评论中说明这一点，但我无法获得评论。

原文由 mohammad 发布，翻译遵循 CC BY-SA 4.0 许可协议