Tuesday, May 29, 2012

Good JavaScript IDE with jQuery support


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?


Source: Tips4all

25 comments:

  1. 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

    ReplyDelete
  2. 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.

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

    ReplyDelete
  4. (This is a cross-question post)

    Netbeans

    I've tried out all of the editors mentioned and my vote goes for Netbeans, which has already been mentioned. However the answer didn't really sell you on the features which you can find here.

    It has:


    Intellisense including jQuery built in
    Extended (Eclipse-style) documentation for functions
    Function and field outlining
    Function and code folding/collapsing
    Refactoring


    It makes Visual Studio 2010's Javascript support look very primitive.



    It also has very good (again, far better than VS2010) HTML and CSS support:

    ReplyDelete
  5. 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.

    ReplyDelete
  6. Cloud9 IDE

    There is also Cloud9 IDE, an on-line, development-as-a-service environment for dynamic languages.
    Among other things it offers:


    Realtime code validation for Javascript.
    Run and Debug your Javascript Application
    Social and collaboration features

    ReplyDelete
  7. 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

    ReplyDelete
  8. 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.

    ReplyDelete
  9. I recently discovered Sublime Text 2. http://www.sublimetext.com/

    It's super fast, slick, very customatizable and run on OSX, Windows and Linux.

    It is also compatible with TextMate bundles and templates, so you can download one of many jQuery bundles on the net, for example https://github.com/kswedberg/jquery-tmbundle

    I was a fan of e-Texteditor, but once I used this awesome piece of software, I've never open e again.

    It's still in beta but definitely worth a try!

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

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

    ReplyDelete
  12. 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)

    ReplyDelete
  13. 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.

    ReplyDelete
  14. 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

    ReplyDelete
  15. 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.

    ReplyDelete
  16. 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.

    ReplyDelete
  17. 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

    ReplyDelete
  18. A few I would recommend you try below. I use all of these for editing JavaScript in different circumstances.

    Geany is a lightweight desktop editor, great for working offline.

    Akshell is browser based IDE and platform, great for when you need to generate something on the server or plug into an API; in the same vein as Cloud9.

    There's also jsFiddle.net, which is a browser based editor for editing front end code, shows you live preview of your results.

    Disclosure: I'm helping out Akshell

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

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

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

    ReplyDelete
  22. There is a great IDE for ExtJs javasript framework called Ext Designer. Look at this link what is it capable for. Ineed just like this IDE but for jquery. Anyone knows about it?

    ReplyDelete
  23. I agree that Cloud 9 is a very nice IDE. It connects to your GitHub account and is cloud based so all you need it a device with a browser to use it. Here is a nice write up on NetTuts+: Why Cloud9 Deserves your Attention

    ReplyDelete
  24. For those of you on a mac, you have a couple of great choices :


    XCode
    Netbeans, although I tend to prefer it's Windows counterpart
    TextMate
    Coda ... Which is by far my IDE of choice for Web-related development
    Espresso, which is also a really good web-oriented IDE


    Web aside, Netbeans is my favourite IDE. Nowhere else can you get an IDE that polished for free... Some people say Eclipse is the only way to go, but in all honesty I never liked Eclipse.

    I like 4 and 5 most because they really are web-oriented IDEs, so you get a ton of useful features out of the box. The big counterpart is that they aren't free... But IMHO Coda is worth every dollar.

    You can get jQuery support in Coda via this plugin :
    jQuery Syntax Mode plugin

    ReplyDelete
  25. Take a look at VJET from Ebay developers which is available under Eclipse marketplace as a plugin. So you can converge all most all web development IDE needs to Eclipse.

    ReplyDelete