Last active
April 15, 2017 13:09
-
-
Save abhisekp/8252253 to your computer and use it in GitHub Desktop.
Features of a good Web Dev IDE
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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