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)

Summary of front-end development environment tools