Is there an IDE with explicit support for AngularJS?

JavascriptIdeAngularjs

Javascript Problem Overview


I've tried WebStorm but there only seems to be a basic JavaScript support there, like in any other web IDE I have tried. I'm looking for something that would allow me to click-through from HTML pages to Controllers etc.

If the answer is "no" to this question, is there any other JavaScript framework similar to Angular that would have something like an Eclipse plugin or any other kind of explicit support in some IDE?

Javascript Solutions


Solution 1 - Javascript

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

Solution 2 - Javascript

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 - Javascript

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 - Javascript

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<br /> 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 - Javascript

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

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionBorek BernardView Question on Stackoverflow
Solution 1 - JavascriptkapsiView Answer on Stackoverflow
Solution 2 - JavascriptmonkeyjumpsView Answer on Stackoverflow
Solution 3 - JavascriptMisko HeveryView Answer on Stackoverflow
Solution 4 - JavascriptGFoley83View Answer on Stackoverflow
Solution 5 - JavascriptRichardView Answer on Stackoverflow