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

Question

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

score 10 · Accepted Answer

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

服务器

请注意，服务器配置名称 ( LOCAL ) 以粗体显示，这意味着它是默认设置（可以从右键菜单或图标中设置）。

像这样配置映射：

其中project是您的项目的名称。

现在您可以使用View| Preview file in( Alt+ ) 并在需要时F2启用。Live Edit

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

score 2 · Accepted Answer

另一个不需要为每个项目设置的解决方案是创建一个外部工具，该工具将使用正确的路径加载您偏好的浏览器。以下是有关如何使用 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 浏览器的路径。

2 回答 2