Java Script Ide

view on wiki.c2.com
last modified: September 23, 2009

Are there any JavaScriptIdes? Or even better, any WebsiteIdes?

I've tried

None seem to provide what I would expect. Like any other IDE, here's what I look for in a "reasonable" JavaScriptIde:

Nice-to have's (cool but perhaps not absolutely necessary) include:

Meanwhile, it seems that it would be not too difficult for such a JavaScriptIde to include a Smalltalk-style reflective metastructure, to ease the burden of typing all the extra stuff required to conform to the JavaScript 1.2 object stuff.

It occurs to me that EclipseIde might provide a good starting point for such a tool, but I say that with very little exposure to either EclipseIde or other JavaScriptIdes that might exist.

Can anyone point towards some reasonable tools? The Mozilla people should be able to help, they seem to use JavaScript a lot.

An IDE related to tracing Javascript

http://formentry.sourceforge.net

SCREENSHOT:

A JavaScript based project working with Javascript

http://xml.apache.org/xang/ http://jakarta.apache.org/bsf

I think that beyond any GUI gadgetry (i.e. Eclipse) it would be adviceable that a projects on Javascript IDE should have a look over:

http://www.lugrin.ch/fesi/index.html

as long the facto standard:

http://www.ecma-international.org

RhinoInterpreter (http://www.mozilla.org/rhino/) is a full JavaScript version 1.5 compatible Java implementation. It seems like it would be the best starting point for an Eclipse plugin that grokked JavaScript. Also, most of the JUnit extensions that test web pages use this as their JS engine including HttpUnit, HtmlUnit, JwebUnit, or anything else that requires something called "js.jar." --Adam Sroka

IDE related: PhpIde

Try MicrosoftVisualInterDev

If you get a chance, could you perhaps describe it? It would be especially helpful if you might address the above bullets.

Writing JavaScript/XUL using Borland CodeWright is actually not too bad (tried many, that's what I settled on). CodeWright is a "programmer's editor" where you can specify project files and mix and match languages. It is not a full-featured IDE for any language, but it has decent support for most. It also has a "vi" mode which I like. Here are the levels of JavaScript support from your list (anything not mentioned is not available AFAIK):

There is a generic browser called "Outline" which can be "coerced" to display prototype information using Regular Expressions. For example, I have been able to get JavaScript function names on the browser (of the type "Class.prototype.functionName = function()") by entering a regular expression that is matched to each line.

None. But I use MozillaBrowser and VenkmanDebugger. JavaScript debugging would be tricky because of the many differences in implementations. I can't live without Venkman.

None. But there's a Perl and a Basic-like API language and evaluator. It is used to create macros for the language itself and works very well.

I know it's not the same, but when you right-click on a symbol on Codewright you get a "Find in (Project Files, Project Space, Open files...). The find is very fast and I find it sufficient to do that type of work.

It supports

Here's some stuff I have also found useful and it's not on your list:

I cheated and mapped the code completion to C language. The similarities make it good enough to get some measure of code completion.

One thing I also like is that symbols on other open files (say, a XUL file with a bunch of elements) are also taken into account for your code completion. So if I have an open XUL file with an element with an id of id="myNeatoWidget", I can do on another JavaScript file (or in a JavaScript section on the same XUL file) document.getElementById("my<Ctrl-Space) and I will get it filled in. It has saved me a lot of time and possible element bugs.

To be honest on this, a gaping hole is that because the code completion is C and not "real" JavaScript, it can't do code completion when I want to type myClass.myPrototypeFunction() even if there is a MyClass.prototype.myPrototypeFunction(). But the class browsing (and being able to right-click and search on my entire project) makes this not that big of a deal. Regular functions are of course completed just fine.

Here is Harish Kataria's JavaScript Plug-in Homepage:

http://www.ee.ryerson.ca/~hkataria/

There's a nice JavaScript Plugin for EclipseIde.

I use Topstyle Pro for DocumentObjectModel Javascript Development, as it's choice of the two rendering engines is practical.

MyIE has the coolest tool, its called "Simple Collector"; If you put JavaScript code in it (in <script> tags), it is evaluated in the open page's context, which is very useful.

FireFox DOM Explorer is good. As is IEDocMon for IE.

As of 26Feb2004, there don't seem to be any great JavaScript IDEs.

I've looked at:

I'm going back to VimTextEditor, VenkmanDebugger and MozillaBrowser for doing JS development (not a bad combination, but I do really want smart code completion and refactoring).

HI! Please refer to Microsoft Visual Studio.NET they have all features specified

Now microsoft released Express Studio, this is low cost version of the Application, you can freely try it on their site. I'am only starter in some questions, so my aticle can have some errors. -- MikeChaliy

I LOVE javascript. And I *love* the .NET framework for its powerful RAD features and useful class libraries. And I *love* Visual Studio, because it's the best all-around IDE on the planet; most people will agree with this (although I use Eclipse for everything that I can, which is basically just Java right now).

And having said that, .NET has almost none of the features you're looking for. Personally, I write all JS code in anything with syntax highlighting, and only resort to VenkmanDebugger if I get stuck. Otherwise, I have the same attitude towards Javascript that I do towards Lisp and Ruby -- if you stick to solid mostly-functional style, you don't need to do very much debugging other than very simple interactive debugging (which Venkman provides).

I think that the idea of doing the kinds of things you're mentioning isn't likely to be that useful for a lot of js development, because a lot of js development takes advantage of the things that js offers that less dynamic languages (like C# and Java) do not -- and one of the biggest differences is that JS is NOT an object-oriented language. Correct me if I'm wrong, but aren't objects just closures (functions) in JS? Ie first-class functions that can close over other objects. So class/method browsing seems a little less useful there, or at any rate, it would look very different than what most compiled-language folks would expect (hey, I still do most of my work in compiled languages, more's the pity...).

The most useful feature I want is something akin to Ruby's ability to reflect over EVERY object in memory, because for long-running javascript (ie really dynamic interfaces that use remoting calls and may not be actually refreshed in hours) you can generate a surprising amount of garbage if you're careless, even a noticeable amount. I would like to be able to reflect over the entire object space; I guess VenkmanDebugger does this, but I'm confounded by the interface for it. --- mr_luc

Good thing to know that now you can compile javascript with microsoft tools ! There is a plugin for eclipse : search jseditor on sourceforge.net

I've just found this plugin for eclipse

* http://www.myeclipseide.com/ContentExpress-display-ceid-58.html

it seems to be the first real javascript IDE... with code completion, full W3 DOM, outline window and program preview (it doesn't launch an external browser, it runs the script itself).

Unfortunately, it is not open source nor free.

Does anybody know something similar which one doesn't have to pay for?

FireBug seems to be a very popular JavaScript plugin for Firefox.

CategoryJavaScript CategorySoftwareTool

Loading...