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

Question

想象一下，我使用以下gulp任务来服务我的网站：

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调试器？

Answer 1

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

设置配置后，只需选择该配置后单击调试（运行＆gt; Debug或Shift + F9）。

我们可以在IDEA和PyCharm中使用它，因此我认为它可以在WebStorm中使用。您可能需要安装Gulp插件，但我没有使用IDEA。

Answer 2

您正在尝试调试什么 - 您的角度应用程序或托管的服务器？ 要调试服务器端代码，您需要使用 Node.js 运行配置（请参阅https://blog.jetbrains.com/webstorm/2014/05/guide-to-node-js-development-with-webstorm/，https://confluence.jetbrains.com/display/WI/Running+and+debugging+Node.js+application#RunninganddebuggingNode.jsapplication-DebuggingNode.jsapplocally）

要调试客户端，您必须创建 JavaScript Debug 运行配置，指定Node.js服务器的URL（http://localhost:4000或其他任何内容），添加远程URL映射（如有必要） - 请参阅https://confluence.jetbrains.com/display/WI/Starting+a+JavaScript+debug+session#StartingaJavaScriptdebugsession-Startingadebugsessionwhenusingadifferentwebserver