javascript - Webstorm 远程调试 + 调试时编辑本地 javascript 文件

Question

我一直在研究 WebStorm/IntelliJ(numbers.js) 的 javascript 远程调试教程

我已经设法让远程调试工作成功，但是有一件事让生活变得困难。

当我在 WebStorm 中调试 numbers.js 时(我也在 IntelliJ 中进行了测试并得到了相同的结果)有一个小锁图标，我猜这意味着该文件是只读的。目前，在以下开发/部署过程中进行完整的循环是缓慢而痛苦的:

1. 本地文件代码修改
2. 上传
3. 在锁定的远程文件上调试
4. 将 WebStorm 中的标签切换到本地文件
5. 本地文件代码修改

我想做的至少是在本地文件上调试，这样我就可以在调试的同时进行更改，然后快速上传并重复。

@教程 http://wiki.jetbrains.net/intellij/Remote_JavaScript_debugging_with_WebStorm_and_PHPStorm

numbers.js 文件在选项卡中没有锁定符号，就像我在本地运行的 WebStorm 中看到的那样。

还有人遇到这个问题吗？有人建议他们如何让 WebStorm 工作，以便他们可以在单步执行和调试时更改本地文件吗？

谢谢

Answer 1

很可能您从Debugger 面板中的Scripts 选项卡打开文件并在其中放置断点。您应该在原始文件中放置断点。

部署可以是自动的(在保存时)，或者当您的服务器根配置到项目文件夹时，您可以使用就地配置。

另外一个重要的事情是Debug配置中的本地文件到远程URL的映射。请注意，在 wiki 教程中，远程 URL 设置为完整的 URL，包括 http:// 和服务器名称。

通过就地部署或通过自动上传和正确的映射，您可以零周转时间调试脚本。进行更改，切换到浏览器，刷新(文件自动保存为 Settings | General | Save files on frame deactivation 默认启用).

如果您的项目无法以这种方式工作，请联系 JetBrains 支持并发送示例项目以重现此问题，同时描述您的服务器和部署设置。