尝试在WebStorm 9.03中配置调试服务器

Question

我有一个项目，它使用node.js / express服务器来为AngularJS SPA提供服务。

该项目包含许多共享一些共同资源的不同应用程序。快速服务器配置为服务来自不同位置的资产：

    server.use('/assets', express.static(path.join(rootDir, 'myApp/assets')));
    server.use('/images', express.static(path.join(rootDir, 'components/common/images')));
    server.use(express.static(path.join(rootDir, 'components')));

我正在尝试更改应用程序以使用WebStorm的liveEdit功能，但配置调试器时遇到了困难。

这是我到目前为止所做的：

1. 安装chrome扩展程序，使其处于活动状态并将端口配置为9000。
2. 使用网址：http://localhost:9000
创建新的Javascript / Debug配置
3. 为我的index.html（http://localhost:9000/index.html：myApp / index.html），资产，图片，组件等配置远程网址，如上所述。

当我点击新配置的调试按钮时，我只收到一条消息“此网页不可用”。

我已经浏览过JetBrains文档，但没有看到解决方案。

Answer 1

无无无。不要更改内置服务器端口 - 此处不需要内置服务器。您的客户端应用程序由Express服务器提供服务 - 您需要使用此服务器而不是内置服务器。请将Chrome扩展端口更改回默认值。只需确保在调试客户端代码之前启动Express服务器，并在JavaScript调试运行配置中指定服务器URL（http://localhost:9000或其他任何内容）。或者，您可以使用单个配置（Node.js）来运行服务器和客户端：它具有“Browser / LiveEdit”选项卡，允许启动浏览器并调试客户端代码。选中“启动后”复选框，指定前端服务的服务器的URL并启用“with javaScript Debugger”选项