在WebStorm中部署AngularJS Seed应用程序

Question

我最近开始学习AngularJS，并且遇到了John Lindquist的WebStorm和AngularJS插件。首先使用angular-seed项目创建一个新项目，然后使用File - ＆gt;导入WebStorm。打开目录。我的目录结构如下所示

现在，当我尝试调试它时，我收到404错误。如果我将文件app / index.html移动到根文件夹并将所有URL调整为以app开头，那么它可以正常工作。有没有办法保留默认文件夹结构而不将index.html移动到根文件夹，还可以使它与WebStorm一起使用？

我使用的是WebStorm 6.0.2。

Answer 1

我使用的是WebStorm 7，因此与您使用的版本6相比可能会有一些差异，但总体功能是相同的。

快速解决方案： 在编辑器中打开文件，右键单击代码以访问上下文菜单。选择“Debug”选项，该选项应该启动指向当前页面的调试会话。

配置解决方案： WebStorm支持用于设置不同调试方案的配置。从“运行”菜单中，选择“配置”选项。添加JavaScript调试配置，并在显示的对话框中的指定字段中添加所需的URL。

然后，当您初始化调试会话（一般的调试会话，而不是特定页面的调试会话）时，会出现一个允许您选择调试配置的小对话框。

也许有更多的选择或方法来完成同样的事情，但我从来没有真正考虑过它。我希望这对你来说是一个有效的解决方案，但如果没有，那么文档也是如此。如果您需要进一步澄清我的答案，请给我一个评论。