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

Question

我一直在为WebStorm / IntelliJ（numbers.js）的javascript远程调试教程工作

我已成功地使远程调试成功运行，但有一件事让生活变得困难。

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

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

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

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

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

其他人有这个问题吗？任何人都建议他们如何使WebStorm工作，以便他们可以在单步调试时对本地文件进行更改？

由于

Answer 1

您很可能是从Debugger面板中的脚本标签打开文件，并在那里放置断点。您应该在原始文件中放置断点。

部署可以是自动的（保存时），也可以在将服务器根配置到项目文件夹时使用就地配置。

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

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

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