Summary of front-end development environment tools

Code editing tool
Sublime (Emmet plug-in, HTML, CSS auto-completion, and other functions are recommended)
Webstorm

Breakpoint debugging tool
Firebug
Angularjs batarang (chrome plug-in)

Development and debugging tools
Nodejs

Version Management Tools
Git

Code merging and obfuscation tools
Grunt (Javascript file merging, automatic JavaScript code compression, CTRL + S Automatic execution of the first two steps and unit testing, integration testing)

Dependency management tools
Bower (Automatic Installation of dependent components, component dependency detection, and version compatibility detection)

Unit Test Tool
Karma (runner for Running Test Cases)
Jasmine (similar to JUnit, it provides a set of syntax for writing test cases, which is generally used with Karma)

Integrated Test Tool
Protractor (an Integrated Testing Tool customized for angularjs, based on webdriverjs, using nodejs to call browser interfaces)

Lightweight Server
HTTP-server (HTTP interface based on nodejs)

From: Open Source China

Summary of front-end development environment tools