如果AngularJS应用程序由WebStorm以外的服务器提供服务，如何使用WebStorm调试它？

假设我使用以下吞咽任务来服务我的网站：

gulp.task("server", ['build'], function () {
    $.util.log($.util.colors.green("Server started at http://localhost:" + 4000));
    server.listen(PORT);

    open("http://localhost:" + PORT);
});

以下是服务器代码：

server.get("*", function(req, res){
    var base = __dirname + "/dist";
    var path = base + decodeURIComponent(req.path);
    console.log(path);
    try{
        var stat = fs.lstatSync(path);

    }
    catch(e){
        res.sendFile('index.html', { root: base });
        return;
    }
    if(stat.isFile())
        res.sendFile(path);
    else{
        res.sendFile('index.html', { root: base });
    }
});

---

我想知道如何在我的应用程序中使用WebStorm调试器？

转到运行/调试配置并在WebStorm中设置新的Gulp配置。这可以在运行>编辑配置下找到

设置完配置后，选择该配置后，只需单击调试（运行>调试或Shift+F9）

我们可以在IDEA和PyCharm中使用它，所以我假设它可以在WebStorm中使用。您可能需要安装Gulp插件，但我并不是出于这个想法

---

进入运行/调试配置，并在WebStorm中设置新的Gulp配置。这可以在运行>编辑配置下找到

设置完配置后，选择该配置后，只需单击调试（运行>调试或Shift+F9）

我们可以在IDEA和PyCharm中使用它，所以我假设它可以在WebStorm中使用。您可能需要安装Gulp插件，但我并不是出于这个想法

---

您想调试什么-angular应用程序或它所在的服务器？ 要调试服务器端代码，需要使用Node.js运行配置（请参阅）

---

要调试客户端，您必须创建JavaScript调试运行配置，指定Node.js服务器的URL（

http://localhost:4000

，或其他内容），添加远程URL映射（如有必要）-请参阅您试图调试的内容-您的angular应用程序或其承载的服务器？ 要调试服务器端代码，需要使用Node.js运行配置（请参阅）

---

要调试客户端，您必须创建JavaScript调试运行配置，指定Node.js服务器的URL（

http://localhost:4000

，或其他任何内容），添加远程URL映射（如有必要）-请参见

尝试Chrome扩展~@Phil我安装了扩展，并在webstorm中将端口号设置为4000，但我得到了由webstorm生成的404。您更改了什么端口号？

设置|生成、执行、部署|调试器

中的一个？请确保将其设置回默认值（63342）。这些设置与节点服务器正在侦听的端口完全无关。

设置|编译、执行、部署|调试器

中的端口是Chrome调试器用于连接IDE的端口。将其设置为Node.js服务器端口将中断客户端调试。请尝试Chrome扩展~@Phil我安装了扩展，在webstorm中我将端口号设置为4000，但webstorm生成了404。您更改了什么端口号？

设置|生成、执行、部署|调试器

中的一个？请确保将其设置回默认值（63342）。这些设置与节点服务器正在侦听的端口完全无关。

设置|编译、执行、部署|调试器

中的端口是Chrome调试器用于连接IDE的端口。将其设置为Node.js服务器端口将中断客户端调试。好的，该图像比我预期的大得多，抱歉屏幕截图过大。好的，该图像比我预期的大得多，抱歉屏幕截图过大。谢谢你的回答，我想调试客户端代码。谢谢你的回答，我想调试客户端代码。