misc:toward_a_webdev_environment
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
misc:toward_a_webdev_environment [2013/11/01 19:39] – created 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 ====== | ====== 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]]. | ||
+ | </ | ||
+ | |||
+ | ===== Candidates for the core ===== | ||
==== Komodo Edit ==== | ==== Komodo Edit ==== | ||
- | FOSS " | + | Komodo Edit is a FOSS " |
+ | |||
+ | === What I like === | ||
+ | * Native font rendering. | ||
+ | * Decent syntax checking that uses standard tools and full configuration. | ||
+ | * Usable (but not awesome) | ||
+ | * 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 | ||
+ | * No support for unit testing.((Experimenting with external tool: testem)) | ||
+ | * No built-in change watching for the browser.((guard? | ||
==== Netbeans ==== | ==== Netbeans ==== | ||
- | Has lots of support for HTML5 built in. Good tooltips and autocompletion. Long startup time. Inflexible linting, testing, etc. Can't add " | + | 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' | ||
+ | * Good HTML syntax checking. | ||
+ | * Good tooltips and autocompletion. | ||
+ | * Automatic spellcheck! | ||
+ | * Resource suggestion (e.g., ''< | ||
+ | * Good and easy autoformatting. | ||
+ | * Nifty "wrap in tag" feature. | ||
+ | * Built-in support for LESS/ | ||
+ | |||
+ | === Neat but not that awersome (yet?) === | ||
+ | * Built-in JavaScript debugger. | ||
+ | |||
+ | === What I don't like === | ||
+ | * Long startup time. | ||
+ | * Inflexible linting, testing, etc. | ||
+ | * Adding | ||
+ | * Oh-so-painful Swing font rendering on Linux. | ||
==== Aptana ==== | ==== Aptana ==== | ||
- | Buggy. Long startup time. Probably has awesome tooltips and autocompletion, | + | Aptana is based on the Eclipse IDE. Buggy. Long startup time. Probably has awesome tooltips and autocompletion, |
==== JetBrains ==== | ==== JetBrains ==== | ||
Line 41: | Line 79: | ||
==== CSS compiler ==== | ==== CSS compiler ==== | ||
- | Should | + | We want to be able to compile LESS, SASS, or whatever, and it should probably |
* ? | * ? | ||
Line 47: | Line 85: | ||
Applied at deploy time? | 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:// | ||
- | |||
- | === 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 file manager link ===== | ||
- | The expected file manager in Linux is [[http:// | ||
- | |||
- | <code python> | ||
- | or | ||
- | <code python> | ||
- | respectively. | ||
- | |||
- | A simpler workaround is to add a soft link in your local bin named '' | ||
- | |||
- | ==== 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