User Tools

Site Tools


misc:toward_a_webdev_environment

Toward a Web Development Environment

You might want to jump directly to Komodo Edit for Web Development.

Candidates for the core

Komodo Edit

Komodo Edit is a FOSS “freemium” subset of Komodo IDE.

What I like

  • Native font rendering.
  • Decent syntax checking that uses standard tools and full configuration.
  • Usable (but not awesome) tooltips and autocompletion.
    • You can add APIs and links to dirs that should be scanned.
  • Easy to add external tools to make up for shortfalls of what's built in.

What I don't like

  • Longish startup time.
  • Spellcheck needs to be manually invoked.
  • No code formatting.1)
  • No support for unit testing.2)
  • No built-in change watching for the browser.3)

Netbeans

Netbeans has lots of support for HTML5 built in.

What I like

  • Built in server with auto-update in Chrome or Chromium.
  • Pretty syntax checking icons.4)
    • Good HTML syntax checking.
  • Good tooltips and autocompletion.
  • Automatic spellcheck!
  • Resource suggestion (e.g., <img src=“img/ will bring up a list of files).
  • Good and easy autoformatting.
  • Nifty “wrap in tag” feature.
  • Built-in support for LESS/SASS.

Neat but not that awersome (yet?)

  • Built-in JavaScript debugger.

What I don't like

  • Long startup time.
  • Inflexible linting, testing, etc.
  • Adding “external tools” is not built in. Available plugins for this are either buggy or don't work.
  • Oh-so-painful Swing font rendering on Linux.

Aptana

Aptana is based on the Eclipse IDE. Buggy. Long startup time. Probably has awesome tooltips and autocompletion, but I didn't get that far.

JetBrains

Didn't try because of the oh-so-painful Swing font rendering on Linux.

Geany, Gedit, etc.

Too hard to add tooltips, etc.

Desired Features

Unit test runner

Should be automatic.

  • JS Testrunner
  • Testem

Linting

Ideally automatic.

JavaScript

  • JSHint
  • JSLint

CSS

  • ?

HTML

  • tidy?

Code formatting

  • js-beautify does JS, CSS, and HTML

CSS compiler

We want to be able to compile LESS, SASS, or whatever, and it should probably be automatic.

  • ?

Minification

Applied at deploy time?

  • ?
1)
Experimenting with external tool: js-beautify
2)
Experimenting with external tool: testem
3)
guard? grunt?
4)
I'd like to know the engine used because it caught one JS warning that Komodo Edit didn't.
misc/toward_a_webdev_environment.txt · Last modified: 2013/11/04 09:12 by mithat

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki