Differences

This shows you the differences between two versions of the page.

--- misc:toward_a_webdev_environment [2013/11/01 20:55] – mithat
+++ misc:toward_a_webdev_environment [2013/11/04 09:12] (current) – [Candidates for core editing] mithat
@@ Line 1: / Line 1: @@
 ====== Toward a Web Development Environment ======
-===== Candidates for core editing =====
+<WRAP center round tip 60%>
+You might want to jump directly to [[Komodo Edit for Web Development]].
+</WRAP>
+===== Candidates for the core =====
 ==== 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.
+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.((Experimenting with external tool: js-beautify))
+  * No support for unit testing.((Experimenting with external tool: testem))
+  * No built-in change watching for the browser.((guard? grunt?))
 ==== 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.
+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.((I'd like to know the engine used because it caught one JS warning that Komodo Edit didn't.))
+    * 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 ====
-Buggy. Long startup time. Probably has awesome tooltips and autocompletion, but I didn't get that far.
+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 ====
@@ Line 47: / Line 85: @@
 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.
-===== Add a file manager handler =====
-The expected file manager in Linux is [[http://community.activestate.com/forum-topic/xfce-and-show-file-manager|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
-<code python>os.system('nautilus "%s" &' % filename)</code>
-or
-<code python>os.system('konqueror --profile filemanagement "%s" &' % filename)</code>
-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 beautify script ====
-TODO I added a script on my PATH that senses whether a file is HTML, CSS, JS, or none-of-the-above then does an inplace beautify on it as needed.
-==== Add external tools to  editor ====
-=== Terminal ===
-=== Terminal (project direcory) ===
-=== Testem ===
-=== Beautify ===