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

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

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

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

通过就地部署或自动上传和正确的映射，您可以零周转时间调试脚本。进行更改，切换到浏览器，刷新(文件自动保存为设置 | 常规 | 默认情况下启用在框架停用时保存文件 )。

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