Opensource/free HTML5/CSS3/JavaScript IDE?

50,738

Solution 1

Most of the time when I write code I am programming C# applications using Visual Studio, which is my favorite IDE. However, when it comes to Javascript VS is quite poor. It does not support collapse to definitions (AKA code folding in other IDEs / editors), does not support code outlining and also has a very primitive and most of the times useless autocomplete.

Because of that, at some point I have started to search alternative tools for JS programming and the best I came across was Aptana Studio. It also has support for HTML and CSS (as well as for some server side languages like Ruby, PHP, Phyton), but I have only used it for JS and that is an area where it shines. It has very good code outlining and one of the best autocomplete implementations I have ever seen for Javascript (even thought it is still improvable).

Aptana Studio is based Eclipse and is available as a plugin or as a full package version. On their site they are saying that the next version is going to totally independent from Eclipse, which would make it a lot more light weight and more performant. However, the current Beta version of Aptana Studio 3 is still based on Eclipse.

You can find more on Aptana Studio 3 on the official page: http://aptana.com/products/studio3

Solution 2

(G)Vim of course. While it might look spartanic at first, it's extremely powerful once you've become familiar with the way it works.

Solution 3

The answers are likely to be subjective, but here are some choices:

  • KompoZer
  • Aptana
  • Amaya

Here are the links: KompoZer, Aptana, Amaya. This also may help: an extensive comparison of HTML Editors.

Solution 4

I use Komodo Edit. The latest version has code completion for HTML5 and CSS3, the JavaScript code completion can be adjusted depending on which JS libraries you use (eg. jQuery, prototype, YUI).

Solution 5

Free and open-source? - NetBeans.

Share:
50,738

Related videos on Youtube

Edward83
Author by

Edward83

Updated on July 09, 2022

Comments

  • Edward83
    Edward83 almost 2 years

    What is the best open source/free HTML5/CSS3/JavaScript IDE?

    Thank you!!!

    • Tower
      Tower about 13 years
      WebStorm from www.jetbrains.com is excellent for JavaScript, because it supports ECMAScript 5, understands JsDoc perfectly (inheritance and all). It's the only IDE that actually does that.
    • james.garriss
      james.garriss over 12 years
      WebStorm looks interesting, but it's not open and it's not free (except for education and open source developers).
  • Michael Martin-Smucker
    Michael Martin-Smucker over 13 years
    I just started using Aptana Studio a couple days ago, and I've been thoroughly impressed. Anyone know of plans to add HTML5 and CSS3 code completion? Is there any way to manually add new tags and style rules to Aptana's definitions?
  • Michael Martin-Smucker
    Michael Martin-Smucker over 13 years
    Ahh, nevermind. After following the link you posted, I see the Aptana team is hard at work on Aptana Studio 3, which is still in beta, but will have support for new HTML and CSS features.
  • Luka Ramishvili
    Luka Ramishvili over 11 years
    Provide examples, list of plugins and where to get them, show how vim is better than other editors, how to get started in vi, then this advice will be worthy. Otherwise it's just showing off how you're different, not helping the OP.
  • leemes
    leemes almost 9 years
    I know the question and answer is old, but: Sublime Text is great, however it is not open source, which was requested.