如何使用WebStorm中的内置Web服务器打开/调试当前文件？

Question

有没有办法创建一个运行配置，使用WebStorm内置Web服务器（http://localhost:63342/）在浏览器中打开正在编辑的文件并开始调试？

参考：http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/

Answer 1

您不需要运行配置，但默认就地部署：

请注意，服务器配置名称（ LOCAL ）为粗体，这意味着它是默认设置（可以通过右键菜单设置或an icon ）。

配置映射，如下所示：

其中项目是项目的名称。

现在您可以使用View | Preview file in（ Alt + F2 ）并根据需要启用Live Edit。

---

请注意，它对预览很有用，不会启动JavaScript调试。要调试页面上的脚本，请右键单击该文件，然后使用Run或文件上下文菜单中的调试操作或相应的键盘快捷键：

Answer 2

另一个不需要为每个项目设置安装的解决方案是创建一个外部工具，该工具将使用正确的路径加载您的首选浏览器。以下是有关如何使用chrome进行设置的示例：

程序：

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

参数（如果文件名中包含空格，请不要忘记引号）：

"http://localhost:63342/$ProjectName$/$FilePathRelativeToProjectRoot$"

工作目录：

C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

一旦你设置了它，它将适用于任何项目。确保将程序路径和工作目录调整到安装Chrome浏览器的路径。