小编典典

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

all

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


阅读 53

收藏
2022-08-20

共1个答案

小编典典

2019 年 2 月更新:

正如所建议的:如果要绑定键盘快捷键来创建控制台日志语句,可以执行以下操作:

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


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

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

已经有一段console.log注释掉了:

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

您过去必须对每种语言都这样做,但现在在“全局片段文件”中,您可以设置scope允许您显式声明多种语言的属性。

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


此外,您应该设置"editor.snippetSuggestions": "top",以便您的片段出现在智能感知之上。谢谢@克里斯!

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

2022-08-20