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

Question

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

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

    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. 使用url创建新的Javascript/Debug配置：http://localhost:9000
3. 为我的index.html配置远程URL(http://localhost:9000/index.html:myApp/index.html）、资产、图像、组件等

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

我看过JetBrains的文档，但没有找到解决方案。

Answer 1

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