如何在Visual Studio代码中将调试语句输出到控制台

时间:2017-08-20 17:20:47

标签: javascript react-native visual-studio-code console.log

如何从.js方法写入控制台?

console.log未在Visual Studio代码

中的控制台选项卡中显示任何内容

这是我方法的一个例子

_onPressItem = (index) => {
    console.log("Property Finder >> Pressed row: "+index);
};

当我按下ListView中的项目时会触发此操作。如果我通过XCode运行,我将在XCode上看到上面的console.log行。但是如果我在VSCode中调试它,我看不会打印console.log行。

我的步骤: 1.在VSCode中打开我的项目 我的VS Code已经安装了react-native工具

  1. Cmd+P然后输入命令Debug: Start Debuging(这是一个可用的命令,我只选择它)

  2. 我的应用程序启动,DEBUG CONSOLE选项卡显示一些行,但我的console.log命令中没有显示行

3 个答案:

答案 0 :(得分:4)

我补充说:

"outputCapture": "std"

我的调试启动配置和console.log语句在" DEBUG CONSOLE"标签

可替换地:

"console": "integratedTerminal" 

在" TERMINAL"中显示console.log标签

答案 1 :(得分:1)

Debug > Start Debugging F5并查看DEBUG CONSOLE

处的输出

答案 2 :(得分:1)

我也有同样的问题。

我正在浏览器中打开配置(“type”:“vscode-edge-devtools.debug”)。

在浏览器中,如果我按 f12 并转到“控制台”选项卡,这似乎是 console.log 写入的位置。