如何在运行Angular时在PhpStorm中查看控制台日志



我正在PhpStorm IDE中运行Angular。

代码用";console.log";调用,当控制台在lib.dom.d.ts库的接口中定义为declare var console: Console;控制台时。

无论如何,我在任何地方都看不到这个日志!PhpStorm的控制台窗口在哪里?

有什么简单的方法可以在Angular中定义日志吗?我看到了一些关于ngx记录器库的东西,但我没有找到任何关于如何安装这个库的说明。

任何关于角度日志主题的帮助都将是伟大的!

您可以在浏览器控制台中看到来自console.log的所有日志(要在Google Chrome中打开开发人员控制台,请打开浏览器窗口右上角的Chrome菜单,然后选择"更多工具">"开发人员工具"。您还可以使用快捷键Option+õ+J(在macOS上(或Shift+CTRL+J(在Windows/Linux上(。(此外,您不需要声明控制台,它是全局变量。

代码中的所有日志都将在浏览器中运行(运行时(。在IDE中,您只能看到生成时间日志。

通常,您需要在调试器中启动应用程序,才能在调试器控制台中查看日志记录。只需按照上的说明调试Angular应用程序即可https://www.jetbrains.com/help/phpstorm/2020.3/angular.html#angular_running_and_debugging:使用npm start命令(在终端中或使用相应的运行配置(启动它,然后使用JavaScript调试运行配置将调试器附加到页面

最新更新