Skip to content

Instantly share code, notes, and snippets.

@abhisekp
Last active April 15, 2017 13:09
Show Gist options
  • Save abhisekp/8252253 to your computer and use it in GitHub Desktop.
Save abhisekp/8252253 to your computer and use it in GitHub Desktop.
Features of a good Web Dev IDE
IDE Roundup
Dreamweaver (http://www.adobe.com/in/products/dreamweaver.html)
Netbeans (http://netbeans.org/)
Notepad++ (not an IDE, simple Editor w/ Powerful features w/ Plugins)
Emmet for HTML/CSS
Supported by Dreamweaver, Netbeans & Notepad++
WARNING: Dreamweaver & Netbeans needs keyboard shortcuts configured to work efficiently
SASS w/ SCSS to css conversion on save
Use Scout (http://mhs.github.io/scout-app/)
Live View
Supported by Dreamweaver, Netbeans & Notepad++
WARNING: Notepad++ supports using Preview Plugin
WARNING: Dreamweaver doesn't reload live preview on save for JS (use F5 to refresh)
Use LiveReload (http://livereload.com/) using browser addons or extensions in FF, Chrome, Safari & Opera OR using embedded code in HTML files
Code Completion
Supported by Netbeans & Notepad++ (full support for built-in codes)
WARNING: Partial support for user defined codes in all IDEs
WARNING: Dreamweaver doesn't support user defined code completion (not Code Hinting)
Syntax & Matching Brackets highlighting
Supported by Dreamweaver, Netbeans & Notepad++
WARNING: Dreamweaver CC breaks syntax hightlighting for one JS line when '/' symbol used (represents divion sign)
Spell Check in comments
Supported by Netbeans & Notepad++
Code Hinting (both userdefined & built-in codes)
Supported by Dreamweaver, Netbeans & Notepad++
WARNING: Partial for user defined codes in Netbeans
WARNING: No support in Notepad++ for user defined codes
Documentation support & hinting
WARNING: Unsupported by all IDEs
Task list support (@TODO or @Fix)
WARNING: Unsupported by all IDEs
Support for prototype oriented JS hinting
Supported by Dreamweaver (maximum support but not full support)
WARNING: Unsupported by Netbeans & Notepad++
Validation of HTML, CSS, JS using JSLint & JSmin
HTML & CSS validation supported in Dreamweaver
HTML validation supported in Netbeans
HTML, CSS & JS validation supported in Notepad++ using plugins (HTML Tidy, JSMin, JSLint)
Auto Source Formatting on save
Supported by Netbeans, Dreamweaver & Notepad++
WARNING: Dreaweaver & Notepad++ source format works manually
Auto Indentation
Supported by Dreamweaver, Netbeans & Notepad++
VCS support (Git w/ gitflow, Mercurial, SVN)
Supported by Dreamweaver, Netbeans & Notepad++
WARNING: Netbeans supports Git w/o gitflow
WARNING: Dreamweaver only supports SVN
Git w/o gitflow support for Notepad++ added using Plugins
Advanced Color Generator & Previewer on a template page
Supported by Notepad++ using Plugins
A good Web Development IDE must have the following features
Emmet for HTML/CSS
SASS w/ SCSS to css conversion on save
Live View -- refresh live view on CSS/JS file changes (either on save or realtime change detection)
Code Completion -- both from local codes & built-in codes
Syntax & Matching Brackets highlighting
Spell Check in comments
Code Hinting
Documentation support & hinting (both generate from source & show in hintings)
Task list support (@TODO or @Fix)
Support for prototype oriented JS hinting
Validation of HTML, CSS, JS using JSLint & JSmin
Auto Source Formatting on save
Auto Indentation
VCS support (Git w/ gitflow, Mercurial, SVN)
Advanced Color Generator & Previewer on a template page
// Feel free to add more...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment