使用Chrome进行WebStorm调试--在WebStorm中使用有用的控制台和设置断点的最佳工作流
我想要实现的主要目标是直接在WebStorm中设置断点，而不是在Chrome中重新找到它们（我目前使用警告作为最快的方法…)，同时不丢失Chrome中可用的任何功能。
我目前正在尝试从在Chrome中调试JavaScript直接切换到在WebStorm中调试。我用远程调试和Chrome-plugin一起安装了它，它工作得相当好。
但是WebStorm中的控制台样式和选项与我在Chrome中所拥有的相去甚远。warn与console.log输出的颜色相同，我无法过滤输出中的错误或警告。是否有任何插件或选项来改善这种行为，或者我需要坚持使用Chrome控制台？
共有1个答案
目前似乎没有比使用“调试器；用于设置断点的javascript命令（请参见问题的注释）。这样，我们就可以在代码中设置断点时使用出色的浏览器调试器。
-
我在WebStorm中有以下配置设置： 当我单击debug时，它会启动Chrome fine并导航到页面，但我的断点从未被击中。但是，它是以某种方式连接的，因为我在WebStorm中看到了的所有输出。 我试图导航到屏幕截图中指定的URL，并在中找到断点，但它没有像预期的那样工作（请参见：根本没有）。我不确定我错过了什么。我尝试在远程URL部分中为特定的文件设置远程URL，但这也没有帮助。 允许在断
-
我无法对WebStorm中的TypeScript文件进行远程调试。我目前使用的是WebStorm 6.0、TS编译器0.8.3和Chrome JetBrains插件0.5.7。 出于调试的目的，我所使用的服务器是一个简单的python服务器，使用命令在我的本地计算机上与源文件位于同一目录中。
-
在使用VisualStudio代码学习了AngularJs2官方英雄教程之后，我想在Windows10上使用WebStorm+Chrome进行代码和调试。 为此，我做了下面的事情； > 安装Chrome JetBrains IDE扩展 不管选项如何，断点都没有命中。 在WebStorm中，消息在一段时间后弹出。 在WebStorm中发生连接错误后，Chrome开发控制台显示大量消息； 管理员模式无
-
我的React组件需要一个ajax调用来获取要呈现的数据。 最初，我使用该方法在Render中启动了一个ajax调用。这是我的伪代码... 在阅读了关于呈现调用的React文档后，我有点担心在呈现调用中更改存储区，即使是异步的。 我提出了另一种使用componentDidMount和ComponentDidUpDate的方法。这最终变得稍微复杂一些，因为在最初呈现组件时，componentDidM
-
我最近从开发角色改为QA角色。在设置QA项目时，我的说明给出了WebStorm的配置要求。然而，我更喜欢使用VSCode。 我正在尝试将WebStorm调试配置选项转换为VSCode。我根据给我的值列出了我认为launch.json的等价选项。 网络Storm= < li >节点解释器= 通常在运行Node.js程序时，我只有一组参数可以通过< code>process.argv数组访问。 这两种