views:

38138

answers:

20

I'm planning to start learning jQuery (among other things), so I'm looking for a good Javascript editor that can preferably provide some of the following features:

  • Syntax coloring
  • Contextual help for standard JS functions, jQuery functions and possibly custom ones
  • Some code completion
  • (optional) JS debugging

Is there such an editor out here? Or anything that comes close to this?

+51  A: 

Take a look at Aptana you can install it as a standalone IDE or plug it into eclipse if you are using or thinking about using that.

It seems to have all what your looking for, and has plugins for the debugging and more.

It also has an adobe air plugin which I love and am playing with at the moment. It allows you to create JS based air apps quite quickly.

It has support for all the main JS libraries built in and is a nice tool. Its worth taking a look.

Failing that take a look at eclipse it has a host of plugins (including aptana)

Good Luck, Paul

Paul M
A very good suggestion, thank you!
Pop Catalin
Dont forget if you are going to use Aptana to write jQuery to enable the jQuery Code Assist (Aptana: Window->Preferences->Aptana->Editors->JavaScript->Code Assist-><Check jQuery>
Brian
Aptana 2.0 sucks big time (it's full of bugs and has dropped a lot of good features). I've used the 1.5 version with joy, but since the upgrade I'm looking for a replacement.
Alex Ciminian
Aptana stopped fully supporting their own IDE about half a year after it became available. From what I can tell they have like two developers on staff. I paid for the Pro edition just to see x64 support so I could start using the thing, and then when they fixed it they dropped the commercial Pro version and rolled it all into the free version. I cannot express how disgusted I am with these guys.
stimpy77
it's very slow to load
metal-gear-solid
Aptana is great. I use Aptana for developing iPhone app with Appcelerator Titanium.
anticafe
+2  A: 

I'm not sure if it fulfills all of your desires, but I believe there is a jQuery bundle for TextMate.

Joe Lencioni
+1  A: 

The new version of Zend Studio (6.1) has improved javascript support. If you also program PHP it might be of interest, otherwise I wouldn't bother.

Voidstate
+2  A: 

I'm not sure if it fulfills all of your desires, but I believe there is a jQuery bundle for TextMate.

That bundle also works fine with e-texteditor (which is a clone of textmate - better than original!).

And to answer to you question: I use E-texteditor with custom bundles. That's because you will never use all jquery function, so you better you use online manual (lot of examples)

Ionut Staicu
+2  A: 

Since Microsoft announced that jQuery will be bundled with future Visual Studio versions, I'd expect some sort of IDE-level support. So if you're strictly a VS developer and don't mind waiting, wait for Visual Studio 20x.

Kon
+18  A: 

Visual Studio 2008 has Javascript intellisense, code coloring, automatic formatting, and debugging - right now (you don't need to wait for the next version when Microsoft officially starts supporting jQuery). I'm assuming the free Visual Web Developer 2008 supports all this as well.

To enable jQuery intellisense (the MS term for code completion), just follow the instructions here: jQuery IntelliSense in Visual Studio 2008.

Herb Caudill
meh, it is far from outstanding, even in 2010 beta 2. Try getting intellisense inside (function($){/*here*/})(jQuery) block some day. Or inside callback. Maybe if your code is always in global scope..
Alexander Abramov
I agree with Alexander. I'm on this page specifically because jQuery support is so poor within VS2008
Jess
Just a side note, Visual Studio also has intellisense support for mootools http://code.google.com/p/mootoolsintellisense/
Jay Zeng
In RC there have been some drastic improvements and a few subtle features regarding context/scope that are pretty amazing.
Sky Sanders
+2  A: 

SCiTE (Scintilla Text Editor) has pretty good support, though I'm not sure if it has the libraries. However, as a coding tool it's really lightweight and awesome - I use it fulltime on the PC side, and TextMate and XCode on the Mac side.

http://www.scintilla.org/

http://scintilla.sourceforge.net/ScintillaDownload.html

Kelly Bell
+8  A: 

KomodoEdit would be a good choice.It has built-in code assist for Jquery. You can also install Jquery Library Extension, if you want to use Jquery in Komodo extensions/macros.

KomodoEdit: http://www.activestate.com/Products/komodo_ide/komodo_edit.mhtml

Jquery Library Extension: http://community.activestate.com/xpi/jquery

Senmiao Liu
+2  A: 

I use SPKET (http://spket.com/). You can get it both as a standalone IDE or as an eclipse plugin.

Mihailo
+12  A: 

have a look at ixedit, You will love it. http://www.ixedit.com/ It is the best for jquery

WOW!!! Thanks for posting that link, I'm giving it a spin now.
Pop Catalin
totally AMAZING!!!
Jay Stevens
Good Lord how great is that!! :D
Dal
Just trying this out. Is it any good in the long term ? Looks quite novel and useful ... ?
NimChimpsky
+5  A: 

You can also try Jetbrains WebIDE. http://www.jetbrains.com/webide/index.html . Its free while in beta. IMHO its far better than eclipse based IDEs like Aptana.

Aravindan R
I believe this has now been renamed WebStorm
DanielHonig
A: 

PhpEd is probably the best for PHP. Komodo is probably with the widest support. Aptana requires JAVA virtual machine, which I hate, but if you don't care you may find it very good, especially that it's free. Of course, Eclipse is a good choice, same "problem", if you go with free and you have to chose between Aptana and Eclipse, Eclipse is better and you can get the first as plugin for the second.

Anyway, I think the answer comes to a matter of getting used with sometihng. All have their pluses and minues, working with one of them is the only way you will find them.

JQuery you said... than I think Eclipse. Also a nice IDE, nice for beginners, comes from codelobster. The thing I like is that it has a plugin for Wordpress (in fact for several other applications, including what you've asked: JQuery), but these are paid.

Greg
+2  A: 

I use free Codelobster PHP Edition with special JQuery plug-in. It has very good auto-complete and context help features.

Rustik
+10  A: 

Jetbrains (makers of the IntelliJ Java IDE) have a new IDE for HTML/CSS/Javascript editing called Webstorm. It has support for multiple libraries, including jQuery. Has all the features you want, and then some more like refactoring and SCM integration. Commercial software with 45-day trial, but Personal license is only $39 until 1 Sept 2010.

trafalmadorian
A: 

how about this? http://wiki.netbeans.org/JavaScript#New_File_Templates

Elaine
+1  A: 

Visual Studio 2010 Ultimate is the best IDE for jQuery....

Sandeep
A: 

ixedit looks very interesting http://www.ixedit.com/

omt66
Thanks, but it's already posted http://stackoverflow.com/questions/209126/good-javascript-ide-with-jquery-support/1409806#1409806
Pop Catalin
+1  A: 

I can only recommend netbeans. It comes out of the box with all you need to be up and running instantly. It also has a full jQuery-Support with syntax highlighting, syntax checking, code completion including documentation and examples.

This resource should also be interesting for you: http://netbeans.org/kb/docs/web/js-toolkits-jquery.html

tschundeee
+1  A: 

webstorm license is a 1-year license that must be renewed annually to continue using it.

You just need to renew the license to continue getting upgrades "WebStorm license is permanent and includes one year of free product upgrades since the purchase date, including even major version upgrades."
gnibbler