在Visual Studio 2015中，如何显示Angular2调试控制台日志/信息？

Question

我是Angular2 / 4的新手。我正在使用Visual Studio。在Angular中有一个Console.Log（）命令。在Visual Studio环境中运行应用程序时，在哪里可以看到此日志？

console.log('Log Comes here')

@Component({..)
export class App {
 s: string = "Log comes here too";

  constructor() {
    console.log(this.s)            
  }            
}

Answer 1

我不知道Visual Studio是否有集成的网络浏览器，但如果没有（并且您正在使用Chrome或Mozilla），只需按F12键并选择Console

Answer 2

在VS2017中，“ console.log”消息进入“输出”窗口，并选择了“显示输出来自”调试，即使对于Angular应用程序也是如此，但前提是您必须在调试器（F5）下运行该应用程序。

如果在未调试的情况下启动应用程序（CTRL + F5），将不会捕获消息。