是否有明确支持 AngularJS 的 IDE？ [关闭]答案

【问题标题】：Is there an IDE with explicit support for AngularJS? [closed]是否有明确支持 AngularJS 的 IDE？ [关闭]
【发布时间】：2012-01-11 19:35:16
【问题描述】：

我尝试过 WebStorm，但那里似乎只有基本的 JavaScript 支持，就像我尝试过的任何其他 Web IDE 一样。我正在寻找可以让我从 HTML 页面点击到控制器等的东西。

如果这个问题的答案是“否”，那么是否有任何其他类似于 Angular 的 JavaScript 框架在某些 IDE 中具有类似 Eclipse 插件或任何其他类型的显式支持？

【问题讨论】：

可以某种版主租约将此迁移到softwarerecs.stackexchange.com吗？
没有测试，但 Codelobster 似乎也有一个 AngularJs 插件：codelobster.com/order.html

标签： javascript ide angularjs

【解决方案1】：

John Lindquist 说他将为 WebStorm 制作一个插件： http://youtrack.jetbrains.com/issue/IDEA-84299

【讨论】：

插件我试过了；这真好。它为 AngularJS 关键字提供智能感知。这似乎是 John Lindquist 在 AngularJS 视频中使用的内容：johnlindquist.com
顺便说一下，这里有一个插件链接以及一些关于如何安装它的说明：groups.google.com/forum/#!topic/angular/GyBSkDxZN9c 安装非常简单——实际上只是少数几个点击。
除了 John 的插件之外，我还在 GitHub 存储库中为 WebStorm 维护一组 LiveTemplates：github.com/angularjs-livetpls/angularjs-webstorm-livetpls

【解决方案2】：

到目前为止，Visual Studio 2012 是最好的。这个tutorial 使用VS 2012，对我很有帮助。还有一个免费的Express 版本。

本教程可帮助您从头开始，无需依赖插件。

Another great Angular JS project/tutorial using Visual Studio

【讨论】：

@Imrul，vmichael 在这里是非常正确的。 VS 2012 确实支持 Angular js 开发。虽然它旨在扩展 .NET 应用程序，但它似乎完全适用于纯 Angular 开发。我很感激你，不像其他反对者，留下了一条消息，但在抨击好心的人之前，请先做自己的研究。
VS 实际上是一个非常好的 Web IDE。我在 .NET 环境中工作时开始使用它，并感到惊喜。对于在 Windows 中开发，它运行良好。
有点意思，但 Visual Studio 是我如此喜欢编写 .NET 应用程序的原因之一。也适用于网络应用程序，包括 AngularJS 开发（有一些调整）。

【解决方案3】：

有人正在为 Angular 使用 NetBeans 插件。你可以在这里看到它：http://plugins.netbeans.org/plugin/40296/angularjs-tools

也适用于 Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

【讨论】：

我无法使用 NetBeans 但感谢您的回答 :)
那么您到底需要 IDE 做什么？我的意思是 angularJS 只是 HTML、CSS 和 JavaScript，大多数 IDE 都会很好地使用它们。不确定 ng* 上的自动完成功能是否会破坏交易？
嗨 Misko，我实际上想在 Net Beans 中使用 ng.js 的自动完成功能，但它似乎忽略了我的插件（已经在我的项目中添加了未缩小的库）。这样做的好处是，如果没有插件，Net Beans 在尝试验证 HTML 标记（ng-view 等）时会向您咆哮。对此有什么想法吗？感谢伟大的库！编辑：嗯...可能会在插件网站上问这个问题；）
@MiskoHevery 优秀的 IDE 非常有用而且是必须的。您需要跟踪指令、过滤器、服务（转到源代码）。您希望一键从 html 中转到匹配的控制器。您希望视图具有良好的复杂性（ng-directives 和自定义）。尝试在没有良好 IDE 的大型团队中构建大型客户端应用程序，甚至在没有 IDE 的情况下构建中型应用程序。

【解决方案4】：

AngularUI 已编写插件，为 Sublime Text 2 和 3 以及 TextMate 文本编辑器提供完整的 AngularJS（以及可选的 AngularUI）IDE 支持。

Sublime Text 2 & 3
http://www.sublimetext.com/3

TextMate（仅限 Mac OS X）
http://macromates.com/download

AngularUI IDE 插件
崇高 - https://github.com/angular-ui/AngularJS-sublime-package
文本伴侣-https://github.com/angular-ui/AngularJS.tmbundle

您可以在此处获得 Sublime Text 的完整设置指南（您将在 5 分钟内启动并运行）：
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs-package-for-sublime-text.aspx

当我开发早期概念验证应用程序时，我喜欢使用 DropBox 来存储我的代码，这样我就可以访问工作和家中的所有内容。另外，如果您将项目存储在Public 文件夹中，您可以为您的.html 页面生成一个可公开访问的 url，该 url 将在浏览器中正确呈现（即正确运行您的 HTML、CSS 和 JS），本质上将 DropBox 变成一个某种有限的托管服务提供商。

如果您决定使用 Sublime，您可以下载便携版本（无需安装）并将其保存到 DropBox；通过这种方式，您可以从任何使用 DropBox 的地方访问您的所有代码和完整的 AngularJS IDE。这基本上意味着您在云中拥有完整的开发环境。好甜！

【讨论】：

实际上，Webstorm 支持 AngularJS 和更多使用称为“Typescript 定义”的 Javascript 库。以下是如何从另一个问题启用：stackoverflow.com/questions/18876863/…

【解决方案5】：

现在有一个用于 angularjs 的 Resharper 插件，这意味着如果您使用 resharper，那么 Visual Studio 也将成为开发 Angular 的好方法。

http://blogs.jetbrains.com/dotnet/2013/02/angularjs-support-for-resharper/

现在还有一个用于 chrome 的调试插件：

http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html

【讨论】：