在Visual Studio 2015/2017中，如何顯示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是否具有集成的Web瀏覽器，但是如果沒有（並且您使用的是Chrome或Mozilla），只需按F12鍵並選擇“ Console

Answer 2

在VS2017'console.log'消息中，進入輸出窗口並選擇了“顯示輸出來自”調試，即使對於Angular應用程序也是如此，但前提是您在調試器（F5）下運行該應用程序。

如果您在沒有調試的情況下啟動應用程序（CTRL + F5），將不會捕獲消息。