Is there an IDE with explicit support for AngularJS? [closed]

Solution 1:

John Lindquist says he'll make a plugin for WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

Solution 2:

Visual Studio 2012 by far is the best. This tutorial uses VS 2012 and was very helpful for me. There is also an Express version that is free.

The tutorial helps you get started from ground up without the need to rely on plugins.

Another great Angular JS project/tutorial using Visual Studio

Solution 3:

Someone is working in NetBeans plugin for angular. You can see it here: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Also for Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

Solution 4:

AngularUI have written plugins that offer full AngularJS (and optionally AngularUI) IDE support for Sublime Text 2 & 3 and TextMate text editors.

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

TextMate (Mac OS X only)
http://macromates.com/download

AngularUI IDE Plugins
Sublime - https://github.com/angular-ui/AngularJS-sublime-package
TextMate - https://github.com/angular-ui/AngularJS.tmbundle

You can get a complete setup guide for Sublime Text here (you'll be up and running in 5 mins tops):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs-package-for-sublime-text.aspx

When I'm developing early proof of concepts apps, I like to use DropBox to store my code so I can get access to everything at work and at home. Plus if you store your project in the Public folder, you can generate a publicly accessible url for your .html pages which will correctly render in the brower (i.e. correctly run your HTML, CSS & JS), essentially turning DropBox into a sort of limited hosting provider.

If you decide to use Sublime, you can download the portable version (no install required) & save that to DropBox too; this way you have access to all your code AND a full AngularJS IDE from wherever you use DropBox. Which basically means you have a full dev environment in the cloud. Pretty sweet!

Solution 5:

There is now a Resharper plugin for angularjs which means if you use resharper then Visual Studio becomes a great way to develop Angular too.

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

Also there is a debugging addon for chrome now:

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