Differences

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

--- misc:toward_a_webdev_environment [2013/11/01 21:44] – mithat
+++ misc:toward_a_webdev_environment [2013/11/04 09:12] (current) – [Candidates for core editing] mithat
@@ Line 2: / Line 2: @@
 <WRAP center round tip 60%>
-You might want to jump directly to [[#Fleshing out Komodo Edit]].
+You might want to jump directly to [[Komodo Edit for Web Development]].
 </WRAP>
+===== Candidates for the core =====
-===== Candidates for core editing =====
 ==== Komodo Edit ====
-Komodo Edit is a 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 ====
-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. If it weren't for the font rendering, in spite of the other limitations this would still be a very attractive option.
+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 ====
@@ Line 52: / Line 85: @@
 Applied at deploy time?
   * ?
-===== Fleshing out Komodo Edit =====
-The following describes what I have done to help make Komodo Edit a more complete Web development platform. The following addresses only the needs of front-end development.
-It will use:
-  * JSHint for JavaScript syntax checking. (This is built into Komodo Edit).
-  * Testem+Mocha+Chai for automated unit testing.
-  * jsbeautify for JS, CSS, and
-I've yet to get to:
-  * CSS and HTML syntax checking
-  * Compiling CSS
-  * Minification
-Note that 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 [todo]
-  * Side By Side Diff [todo]
-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 Node.JS ====
-Both Testem and js-beautify rely on [[http://nodejs.org/|Node.js]] and the Node.js package manager (i.e., ''npm''). Follow your OS's/distribution's directions for installing these. On my Debian sid-based system, it meant installing three packages:<code bash># apt-get install nodejs nodejs-legacy npm</code>
-==== Install Testem ====
-Install [[https://github.com/airportyh/testem|Testem]] with <code bash># npm install testem -g</code>
-This will pull in [[http://visionmedia.github.io/mocha/|Mocha]] and [[http://chaijs.com/|Chai]] as well.
-==== Install jsbeautify ====
-Install [[https://github.com/einars/js-beautify|jsbeautify]] for Node.JS with:<code bash># npm -g install js-beautify</code>
-I also added a config file in my home directory for my default js-beautify settings.
-<file json .jsbeautifyrc>
-{
-    "indent_size": 4,
-    "indent_char": " ",
-    "indent_level": 0,
-    "indent_with_tabs": false,
-    "preserve_newlines": true,
-    "max_preserve_newlines": 10,
-    "jslint_happy": true,
-    "brace_style": "collapse",
-    "keep_array_indentation": false,
-    "keep_function_indentation": false,
-    "space_before_conditional": true,
-    "break_chained_methods": false,
-    "eval_code": false,
-    "unescape_strings": false,
-    "wrap_line_length": 72
-}
-</file>
-==== Add webbeautify script ====
-I added a [[todo|this script]] on my PATH that accepts a file, senses whether it is HTML, CSS, JS, or none-of-the-above, and then does an appropriate inplace beautify on it possible.
-==== Add external tools to Komodo Edit ====
-=== Terminal ===
-FIXME
-=== Terminal (project direcory) ===
-FIXME
-=== Testem ===
-FIXME
-=== Beautify ===
-FIXME