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 面板中的脚本 选项卡打开文件并在其中放置断点。您应该在原始文件中放置断点。

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

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

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

如果它不适用于您的项目，请联系 JetBrains 支持并发送示例项目以重现此问题，同时描述您的服务器和部署设置。