在Visual Studio Code中的快捷方式是什么,用于console.log?

6 浏览
0 Comments

在Visual Studio Code中的快捷方式是什么,用于console.log?

我想知道在Visual Studio Code中console.log的快捷键是什么?

0
0 Comments

问题出现的原因是在输入"log"并按下回车键时,有时候只会输出"console.log();",而作者无法弄清楚原因。作者想知道其他人是否也能够输入"log"并按下回车键,每次都能够得到一致的"console.log();"输出。

解决方法是等待几毫秒/秒钟,让命令行识别出你输入的内容。有时候会有一点延迟。

当你输入"log"时,观察右侧出现的文本。有几个选项可以用于日志输出,你需要选择正确的选项来进行控制台打印。建议使用ES6代码片段,如上所述。

这只在某些情况下有效。我安装了一些导出"log"函数的包,所以它想要自动完成到那些函数上。以前对我有用,但现在不一致了。我也建议使用's的答案。

0
0 Comments

最近更新(2019年2月):

Adrian Smith和其他人建议的那样,如果你想要绑定一个键盘快捷键来创建一个console log语句,你可以按照以下步骤进行操作:

1. 打开"File > Preferences > Keyboard Shortcuts"

2. 在右侧的搜索栏上方,你会看到这个图标enter image description here,点击它。(当鼠标悬停在上面时,会显示:Open keyboard shortcuts (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将输出console片段。如果你已经选择了文本,它将被放在log语句中。

如果你更喜欢智能感知/自动完成:

1. 进入"Preferences" -> "User Snippets" -> 选择"Typescript"(或其他你需要的语言)或者是一个"Global Snippet File",具体取决于你的需求。一个json文件将会打开。你可以在这里添加代码片段。

2. 已经有一个被注释掉的console.log片段:

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

你以前每种语言都需要这样做,但现在在"Global Snippet File"中,你可以设置"scope"属性,允许你明确声明多种语言。

如果你需要确切的语言名字:点击VS Code底部工具栏右侧的"Select Language Mode"按钮,它会提示你选择一种语言,在这个过程中会显示语言的JSON名称,你可以在片段文件中输入,就像上面的例子一样。

此外,你应该设置"editor.snippetSuggestions": "top",这样你的片段将会显示在智能感知之上。

你可以在"Preferences" -> "Settings" -> "Text Editor" -> "Suggestions"中找到片段建议。

这个方法以前可以用,但是现在不行了,是最近的更新问题吗?只是我遇到这个问题吗?s17.postimg.org/5mxnx4umn/2017_02_14_11h10_03.jpg

上面定义的前缀是"log",所以输入"c"是没有用的;可以尝试输入"l"。

哦,我忘记提到我已经更改了它,让它能够与"c"一起工作。我没有改变任何东西,在更新之后它就不再起作用了。我没有这个片段了,但是这个"prefix": "c"应该使它能够使用"c"对吗?

如果其他都正确的话,是的。请注意,你还需要将片段添加到你想要使用的每种语言中。所以如果你将它添加到TS中,它将不会在JS中起作用,反之亦然。

这是在js文件中使用"prefix" :"c"的新证据:s23.postimg.org/a8xwzsbrv/2017_02_14_12h16_00.jpg 你能确认它在你这里工作吗?

是的,但它是在一个非常长的列表中的最后一个条目。

我如何使片段在建议列表中排在第一位?在我的环境中,当我输入"log"时,我会得到另一个库的"log",然后才会看到我刚刚创建的片段。

请看下面的答案:)"editor.snippetSuggestions": "top"

你也可以点击搜索栏旁边的{}按钮打开keybindings.json文件,这是最简单的方法,因为我无法看到"对于高级自定义,请打开和编辑keybindings.json"的消息!

谢谢。这非常有用。这是使用剪贴板的版本,并添加了一个快速标签,由剪贴板组成,去除了所有非字母数字字符作为标识符,以防止有多个项被记录:"snippet": "console.log(\"${CLIPBOARD/[^0-9^a-z]//gi}\", ${CLIPBOARD}$1);"

在我的Mac VSCode 1.64.2上,这个方法对我不起作用。

这个答案应该以'智能感知/自动完成'开头,比绑定键盘快捷键更好。

0
0 Comments

问题的出现原因是用户想要在Visual Studio Code中使用console.log语句的快捷方式。解决方法是安装JavaScript (ES6) code snippets扩展,并使用快捷方式"clg",按下Ctrl+Space键选择提示,然后按下Enter键。该扩展还提供其他console.log语句的自动补全快捷方式,如"clo"、"ccl"、"cer"等。另外,还介绍了另一个相关的扩展Turbo Console Log。用户还提供了参考链接和截图来支持解决方法。

0