[WebStorm]:更改调试 WebServer 项目根目录

[WebStorm]: Change Debugging WebServer Project Root

最近,我一直在使用 JetBrains WebStorm,我非常喜欢它,但我确实遇到了一个问题,在此处和文档中搜索了几个小时后,我决定提出自己的问题,因为我只是不知道没找到。

我有一个项目存储在我的本地机器上的以下位置:C:\Projects\Github\OfficeUI.Beta

现在,我在 WebStorm 中打开了这个文件夹,它看起来像下面这样:

当我现在调试网站时,一切都在 运行以下 URI 下:http://localhost:63342/OfficeUI.Beta/

它有一个问题,因为它在这个目录中 运行ning,在每个 CSS、JavaScript 和其他文件中,我需要放置以下内容:/OfficeUI.Beta/Resources/...,而我想使用:/Resources/...

这应该怎么做?我想我需要将 WebStorm 配置修改为 运行 根 http://localhost/ 下的网站,但我找不到它。

非常感谢任何帮助。

根据 Help page the URL has to be http://localhost:<built-in server port>/<project root>. There is however a workaround:

编辑您的 /etc/hosts 文件:

127.0.0.1 projectName

并设置自定义端口:Settings -> Debugger -> JavaScript -> Built-in server port 8090。 在较新的版本中,它应该是:Settings -> Build, Execution, Deployment -> Debugger

URL 将是:http://projectName:8090

另一种解决方法是使用 PHP built-in server,其中可以定义文档根目录。但这不提供 Javascript 调试。

正如 Darek Kay 已经建议的那样,我所知道的唯一 "workaround" 要使用带有绝对 URL 的 WebStorm 内置服务器是编辑您的 /etc/hosts 文件(在 Mac/Linux) 或 C:\Windows\System32\drivers\etc\hosts 文件(在 Windows 上)。在您的情况下,您可以将行 127.0.0.1 localhost 更改为 127.0.0.1 OfficeUI.Beta。然后,您可以通过转到 Settings -> Debugger -> JavaScript -> Built-in server port 8090(在旧版本的 WebStorm 上)或转到 Settings -> Build, Execution, Deployment -> Debugger -> Built-in server port 8090(在较新版本的 WebStorm 上)为内置服务器设置自定义端口。完成此操作后,您应该可以转到 http://OfficeUI.Beta:8090 并且绝对 URL 应该可以工作。

我会选择本地 Web 服务器设置(Apache、MAMP、WAMP 等)来托管您的 Web 项目,因为 WebStorm 的内置服务器非常基础,无法解决此用例。

我通过访问 http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/ 并查看 Vladimir Krivosheev 于 2013 年 7 月 2 日上午 6:52 发表的评论获得了此信息。