User Tools

Site Tools


misc:toward_a_webdev_environment

This is an old revision of the document!


Toward a Web Development Environment

Candidates for core editing

Komodo Edit

FOSS “freemium” subset of Komodo IDE. Longish startup time. Reasonable tooltips and autocompletion. (You can add APIs and links to dirs that should be scanned.) Flexible linting. No code reformatting. You can add external tools to interface.

Netbeans

Has lots of support for HTML5 built in. Good tooltips and autocompletion. Long startup time. Inflexible linting, testing, etc. Can't add “external tools” to interface (plugins for this either don't work or work poorly on Linux). And oh-so-painful Swing font rendering on Linux.

Aptana

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

Should be automatic.

  • ?

Minification

Applied at deploy time?

  • ?

Fleshing out Komodo Edit

Komodo Edit configurations don't appear to carry over when you install a new point release. So you will have to repeat a lot of this when doing version upgrades. Decent support for JSHint and JSLint are built in, so we won't have to add those.

Install the editor

Download and install Komodo Edit from http://www.activestate.com/komodo-edit.

Extensions and plugins

Confirm that you have the following extensions and install as needed:

  • NST
  • TODO Helper
  • Emmet [?]
  • Side By Side Diff [?]

I also disabled a whole bunch of extensions that didn't seem relevant to my needs.

Go through the list of plugins and disable anything that was automatically picked up from Firefox but isn't relevant to Komodo Edit.

The expected file manager in Linux is hard coded as nautilus or konqueror. A workaround for this if you have neither of these is to add a script to your local bin named nautilus or konqueror that handles

os.system('nautilus "%s" &' % filename)

or

os.system('konqueror --profile filemanagement "%s" &' % filename)

respectively.

A simpler workaround is to add a soft link in your local bin named nautilus to /usr/bin/thunar or your prefered file manager.

Install Testem

Install js-beautify

Add custom beautify script

Add external tools to editor

Terminal

Terminal (project direcory)

Testem

Beautify

misc/toward_a_webdev_environment.1383334784.txt.gz · Last modified: 2013/11/01 19:39 by mithat

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki