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

Question

最近，我一直在使用JetBrains WebStorm，我非常喜欢它，但我确实有一个问题，经过几个小时的搜索和文档搜索后，我决定打开自己的问题因为我只是找不到它。

我的项目存放在我的本地计算机上的以下位置：C:\Projects\Github\OfficeUI.Beta

现在，我已经在WebStorm中打开了这个文件夹，导致它看起来如下：

当我立即调试WebSite时，所有内容都在以下Uri下运行：http://localhost:63342/OfficeUI.Beta/

它存在问题，因为它在此目录中运行，在每个CSS，JavaScript和其他文件中，我需要放置以下内容：/OfficeUI.Beta/Resources/...，而我想使用：/Resources/...

应该怎么做？我想我需要修改WebStorm配置以在根http://localhost/下运行网站，但我无法找到它。

非常感谢任何帮助。

Answer 1

根据Help page，网址必须为http://localhost:<built-in server port>/<project root>。但是有workaround：

编辑/ etc / hosts文件：

127.0.0.1 projectName

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

网址为：http://projectName:8090

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

Answer 2

正如Darek Kay已经建议的那样，唯一的＆＃34;解决方法＆＃34;我知道为了使用带有绝对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，绝对网址应该有效。

我会选择使用本地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发表的评论得到了这些信息。