I am looking for a simple IDE that looks like the coffee2js website:
2-pane - CoffeeScript on left, JavaScript on right - live preview
Simple debugging feature - REPL, breakpoints, stepping
Visual Studio has plugin Web Essentials that allow transparent compilation of CoffeeScript, so you can open compiled JS and split window vertically etc
Sublime Text 2 has plugin for compiling CoffeeScript as well and also allow splitting screen on two windows.
I personally love all three ( including Webstorm wrick answered about ) and use them depending on the project ( .NET stack in VS2012, other stuff in ST2 and WS )
The good old vim has a plugin to enable live preview
https://github.com/kchmck/vim-coffee-script if you're looking for a lightweight solution.
:CoffeeCompile watch
Found one: Webstorm. Although its a more heavyweight ugly IDE than I would have imagined (looks like its a fork of IntelliJ)
For what it's worth, I've tried Komodo, Sublime, Aptana, and others. For front end, javascript-heavy web development, Webstorm is the best.
As you say, #wrick, it has a live coffeescript preview option.
It also (at least in the latest EAP) has SASS compilation and JSHint integration.
Related
after updating my Eclipse IDE to the actual 2020-06 version the syntax highlighting for JavaScript does not work any more.
Is this a known/common problem and how can I fix this?
After spending most of a day futzing with it, including installing a new instance of Eclipse PDT, I found that I could fix it simply by adding *.js to the File Associations preference page and setting its default to "Generic Text Editor".
Per the Eclipse Bugzilla Report:
Standalone JS Editor is not provided anymore.
To work with JavaScript/TypeScript projects users may install JS [1] or JEE [2] EPP packages, WildWebDeveloper [3] or other products.
[1] https://www.eclipse.org/downloads/packages/release/2020-06/r/eclipse-ide-web-and-javascript-developers
[2] https://www.eclipse.org/downloads/packages/release/2020-06/r/eclipse-ide-enterprise-java-developers
[3] https://marketplace.eclipse.org/content/eclipse-wild-web-developer-html-css-javascript-typescript-nodejs-angular-json-yaml
Basically this means that the Eclipse JavaScript Development Tools (JSDT) is no longer supported.
It could just be me, but [1] seems to be a pretty stripped-down version of Eclipse. It doesn't even include Package Explorer, which baffles me. [2] is a bit better in my opinion, at least having Package Explorer. (I do love Package Explorer ๐) However, I'm not really interested in installing a new version of Eclipse when the way [1] and [2] implement JavaScript support is through [3] Wild Web Developer ("WWD") anyway. (You don't have to follow that link for [3]; you can find it in the Eclipse Marketplace just fine. Also, you'll have to reopen any JavaScript files you have open for the update to work.)
I added WWD through the Eclipse Marketplace on my Windows x64 version of Eclipse IDE for Java Developers, 2020-06. I guess it works, but it sure doesn't integrate like JSDT did.
I'm not thrilled with WWD since the first thing I tried to do is comment a line in JavaScript using Ctrl+/ and it summons a dropdown of keyword and available function choices. Ctrl+. does the same thing, and feels more appropriate, so what's the deal? ๐คจ Want to change the keyboard shortcuts? Too bad. There's nothing under the Keys preference that has anything to do with TextMate/WWD actions.
Want to change the syntax coloring? Better love what you're given. There is no Syntax Coloring section or anything like it. There's a TextMate set of preferences, but it seems like anything regarding Theme doesn't actually work. Is it because I use DevStyle and the Darkest Dark theme? Who knows.
There's only one WWD preference (XML), which does nothing but tell you "See 'XML Catalogs' for XML catalogs preferences". Thanks? It's also version 0.10.0.etc, which feels like we're being forced to test it. Overall I'm pretty disappointed, especially since Eclipse just automatically upgraded itself from 2020-03 to 2020-06 and now I'm stuck with this. Boo to you on this move, Eclipse ๐
This is how I fixed it:
Install "Eclipse web developer tools 3.20" from Eclipse marketplace
Restart
Open a JS file. Right-click on line number > Switch to theme > Eclipse light.
Done.
I am currently trying to code on Eclipse using JavaScript, but I am having a lot of troubles when tying to add JavaScript to Eclipse. I followed the instructions on this website (JavaScript Editor Plugin for Eclipse), and everything was going well until step 9 of the first part. JavaScript Viewer is not one of the offered options in Editor Selection. I am very confused as to what to do. Any help would be appreciated!
Thank you in advance :)
Version: Eclipse Oxygen on MacOS. Oxygen.3a Release (4.7.3a)
You could give the latest Eclipse IDE for JavaScript and Web Developers bundle a try.
It provides:
The essential tools for any JavaScript developer, including JavaScript, HTML, CSS, XML languages support, Git client, and Mylyn.
With this recent (2018) version of Eclipse, you should get a working JS-enabled IDE pretty fast as this is pre-bundled for the use-cases you are looking for:
JavaScript Development Tools
Eclipse XML Editors and Tools
[..]
Hope it helps.
FYI -- I ran into this problem with the latest version of eclipse [2020-06(4.16.0)]. It turns out they removed the Javascript editor from the install. See ref here: https://bugs.eclipse.org/bugs/show_bug.cgi?id=564496
I'm an old Emacs user - I've used it for about 10years now. When I switched to Mac I started to use Aquamacs, which is great in many ways.
But now most my development work involves Node.js/Express.js (with JavaScript, Jade and Stylus). Unfortunately, emacs has many shortcomings in this regard. Especially when working remotely, with ExpanDrive and MacFUSE mounts.
And I really want real code folding.
Is there any editor which is really good for this? Even better is there any IDE for Mac (at all)?
Thanks
Sublime Text 2 is the choice of many. Add some packages to it with the package manager. Jade, stylus packages available.
A cheaper and more node-specific alternative to IntelliJ IDEA is Webstorm, also made by Jetbrains.
It has a lot of node goodies like the ability to attach to the node debugger and allow you to step through your JS code. It also has good code folding, which you can invoke with โ^- to fold and โ^+ to expand.
If you want a real IDE that works well on Mac OS X I would recommend IntelliJ IDEA. It has a JavaScript debugger and Node.js plugin.
If you are looking for something more lightweight than a full-blown IDE, take a look at Sublime Text 2.
You could try TextMate: http://macromates.com/
with the following bundles for
NodeJs: https://github.com/drnic/javascript-node.tmbundle
and for Jade: https://github.com/miksago/jade-tmbundle
For stylus you have to compile the bundle (haven't tried it yet): https://github.com/LearnBoost/stylus/blob/master/docs/textmate.md
There is also Cloud9 ide https://github.com/ajaxorg/cloud9, its actually a webapp, but its open source and can be installed locally (it still runs in the browser, but locally), I really like the debugging features
http://www.aptana.com/ is great, it has most of the eclipse features...
I currently use Eclipse as my IDE for other languages and I'm rather used to not having to leave the IDE for anything - however I'm really struggling to find the same or a similar setup for pure ECMAScript-262.
To clarify, I am not looking for DOM support, jquery, HTML or anything like that, preferably just an IDE with ECMAScript-262 support (pref node.js) built in (debugging not important) so that I can simply run my code in the IDE.
Any ideas?
ps: please don't suggest aptana.
jEdit is about what you want. Take a look at the plugins available.
So far, it seems there has only been talk about integrating node.js debugging with Google Chrome. But that may be exactly your answer if it happens.
If you don't mind to pay a price, I advice Jetbrains WebStorm.
Recently purchased a license myself (it's not that expensive) and am very happy with it.
Before I used Eclipse and Aptana, but seriously, WebStorm IS quality.
Not sure if I am currently breaking a rule by linking to a commercial product, but it IS an awnser ;)
There is Nodeclipse effort.
Vision
One-stop shop for Node.js tools. We can't develop everything at once,
but we let you know what are the best things around for Node.js
development with Eclipse.
Latest version is 0.4, works well in Eclipse 4.3 Kepler.
It has integrated ChromeDevTools and V8 remote debugger for debugging Node.js application,
that is quite useful when learning Node.js to understand what is happening in memory.
Also comes with markdown (.md) Editor (The same markup language that is used on GitHub, Stackoverflow.com & npm)
It is free open-source hosted on GitHub
I currently use TextMate for Ruby/Javascript/Actionscript development and it is amazing. But one thing I would really love to use are breakpoints so I could stop code execution and examine the state of the variables and walk through the code. Something like what Flex Builder does.
Does TextMate have this capability? Or what do you use to do breakpoints and that sort of thing with Ruby? How about for Javascript too?
Thanks!
Since TextMate is not an IDE but just a text editor (on steroids though!) I believe this is something totally not supported.
As for the javascript, this is something you can do with firebug (at least for firefox) and similar tools are included (or can be found) for IE, Chrome and Safari :)
There are 3 mostly-Java IDEs that run under Mac OS X yet do a good job of developing (and of course debugging) Ruby.
Eclipse, with the Aptana plugin;
IntelliJ IDEA (it knows lots of programming languages)
NetBeans (I think).
All three are free (even IntelliJ, they have an Open Source edition out now), so you can just download, play around with it, get accustomed and go to town.
Eclipse with the Dynamic Languages Toolkit supports Ruby debugging. I have used it in the past, and it supports Javascript as well.
TextMate is an editor and not a full-blown IDE, so it doesn't support debugging.
If you're looking for a Ruby IDE, I highly recommend RubyMine. It's got great support for debugging, running tests, easily navigating between files, and basic refactoring. Admittedly it's a lot more heavyweight, so I tend to use it for major work (or when getting up to speed on an existing code base), and still use TextMate for quick changes.
There are some open source solutions as well. In the past I've used NetBeans and RadRails, and particularly NetBeans has worked very well for me, too. Not as good as RubyMine, but well worth checking out if you're on a budget.
I should also point out that you can debug Ruby apps from the command line, using the ruby-debug gem. Basically, you place a debugger call into your code to set a breakpoint, and then run the app with rdebug instead of ruby. Check out this article for an overview.
arcadia is a ruby editor written in ruby with ruby debugging support. A little rough still, but at least you get the good feeling of running ruby :)
-r