JavaScript Development Tools Daquan

Source: Internet
Author: User
Tags git commands owasp zap mozilla developer network

Translator by: The most complete list of JavaScript development tools, there is always a suitable for you!

Original: The ULTIMATE LIST of JAVASCRIPT TOOLS

Translator: Fundebug

in order to ensure readability, this paper uses free translation rather than literal translation. In addition, the copyright of this article belongs to the original author, translation is only used for learning .

Brief introduction

In January 2017, the Stack overflow annual developer survey visited 64000 programmers and found that JavaScript has been the most popular programming language for 5 consecutive years.


This blog will cover some common JavaScript development tools:

    • Build & Automate
    • ide& Editor
    • Document
    • Test
    • Debugging
    • Safety
    • Code Optimization & Analysis
    • Package Management
Build & Automate
    • Webpack Static analysis of all the modules that the JavaScript application relies on, generates dependency graphs, and then packs them into several static files.
    • Grunt to automate repetitive, time-consuming tasks. The grunt ecosystem is very large and has more than 6,010 plugins.
    • After Gulp was released in Grunt, a completely different approach was used to define tasks using JavaScript functions. It has more than 2,770 plugins and provides better control.
    • browserify allows developers to use Commonjs modules in their browsers. The developer, like in the node environment, require(‘modules‘) organizes the references and dependencies between the modules, browserify these dependencies into a JS file that the browser can reference directly.
    • Brunch is very simple and fast. The brunch configuration file is very simple and the Getting Started documentation is very detailed. The brunch automatically generates a source Map, which facilitates debug by the developer.
    • Yeoman can be used in any programming language (JavaScript, Python, C #, Java, etc). It is a scaffolding developed by the front end, with 6,213 plugins.
IDE & Editor
    • The Webstorm is a powerful JavaScript IDE. It supports a variety of frameworks and CSS languages, including front-end, back-end, mobile, and desktop applications. Webstorm can seamlessly integrate third-party tools, such as build builds, grammar check build Linter, and more. It provides code completion, real-time error monitoring, navigation, built-in console, a variety of plug-ins and other system functions.
    • Atom was developed by the GitHub team. Developers can easily customize atom. Atom comes with a package management tool, code completion, file system browser, support for multiple platforms, and other useful features.
    • Visual Studio Code is a Microsoft-developed IDE that supports typescript. It provides code completion, syntax highlighting, support for GIT commands, and more. In addition, it has a lot of plugins.
    • Brackets is a lightweight, open source editor. It focuses on visualization tools to help developers develop Web applications. Brackets supports live preview and inline editing.
Document
    • Swagger provides a series of rules to describe the API. With swagger, you can create clear documents and automate API-related operations, such as functional testing.
    • JSDoc can generate API documentation for JavaScript applications or libraries, modules, based on the annotations in JavaScript files. JSDoc can be used to manage large projects.
    • Jgrousedoc is an open source tool that generates jaavdoc-like source documents based on JavaScript annotations. Not only can it generate documents for variables and functions, but it can also generate documents for other elements, such as modules.
    • Yuidoc based on Nodejs, you can generate API documentation for comments in your document. It uses syntax similar to Javadoc and Doxygen, and supports real-time previews, supports a variety of languages, and supports markup languages.
    • Docco is a free documentation tool, written by literate Coffeescript. It generates an HTML document from the comments in the code. Docco is not limited to JavaScript, but also supports Python, Ruby, Clojure and other languages.
Test
    • Jasmine is a behavior-driven development (BDD) framework for testing JavaScript code. It does not rely on any third-party modules, nor does it require the DOM. Its syntax is very simple to understand, making it easy to write tests. In addition, it can also be used to test Node.js,python and Ruby.
    • Mocha is a functional test framework for testing node. js and browser-side JavaScript. As a developer's preferred test framework, it is free to write test groups, provide detailed test reports, and make asynchronous testing very simple. Mocha often Chai with assertion libraries to validate test results.
    • The Phantomjs is used for front end unit testing. Because PHANTOMJS is an interface-free WebKit browser engine, using PHANTOMJS scripts can run faster than using browser tests directly. It supports a variety of web standards, such as JSON, Canvas, DOM manipulation, SVG, and CSS selectors.
    • Protractor is an end-to-end test framework for testing angular applications. It is built on WEBDRIVERJS, which simulates real-world users through browser events or native events to test the application.
Debugging
    • JavaScript Debugger is developed by the Mozilla Developer Network (MDN) and can be used independently for debugging node. JS code, or for other browsers. Firefox provides local and remote debugging capabilities, and Firefox Android is also used for debugging running on Android apps.
    • Chrome Dev Tools provides a range of tools that you can use to debug JavaScript code, edit CSS, and test application performance.
    • Ng-inspector is a firefox,chrome and Safari browser plugin that helps developers develop, understand, and debug angularjs applications. It provides real-time updates, Dom highlighting and other features.
    • Augury is a chrome plugin that you can use to debug your angular 2 app. It allows developers to view the application structure, operational characteristics, and state changes directly.
Safety
    • Snyk is a paid service for discovering, repairing, and preventing known vulnerabilities in Javascript,node.js and Ruby applications. Snyk has its own vulnerability library, as well as the vulnerability data for NSP and NIST NVD. It allows developers to use their patches and updates to fix these security vulnerabilities.
    • Node Security Project provides tools for scanning dependencies to monitor vulnerabilities. The NSP uses its own vulnerability data, as well as vulnerability data from NIST NVD. NSP supports the integration of GitHub and CI software, real-time monitoring and alerting, and can provide recommendations on how to fix node. JS application vulnerabilities.
    • Retirejs is an open source, dependency monitoring tool. It contains multiple components including command line tools, Grunt Plugins, Firefox and Chrome plugins, burp and owasp Zap plugins. Retirejs from NIST NVD, vulnerability tracking systems, blogs and mailing lists and other mobile phone vulnerability data.
    • Gemnasium is a paid tool, but it has a free plan. It supports a variety of technologies such as Ruby, PHP, Bower, Python and NPM. Gemnasium offers a number of very useful features, such as Automatic Updates, real-time alarms, and slack integration.
    • Ossindex supports multiple ecosystems (Java, JavaScript and. net/c#), as well as multiple platforms such as NuGet, NPM, Bower, chocolatey, Maven, Composer, Drupal and MSI. It collects vulnerability data from NVD and other sources.
Code Optimization & Analysis
    • JSLint is a Web service that validates the code quality of JavaScript. When it diagnoses a problem, it returns the approximate location of the problem and the error message. JSLint can parse some coding specifications and syntax errors.
    • jshint can find errors in JavaScript and some potential problems. Jshint is a static code analysis tool designed to help developers write large programs. It can diagnose problems such as syntax errors, stealth type conversions, but it does not determine whether your app is correct, the performance is good enough, and whether a memory leak occurs. Jshint is a fork in jslint.
    • ESLint is an open source diagnostic tool for JSX and JavaScript applications. It can help developers identify suspicious or non-conforming code for a particular programming specification. It helps developers to find the JS code problems before they execute the code, saving a lot of time. Eslint is written by node. js and can be installed using NPM.
    • Flow is a JavaScript code static type detector, developed by Facebook. Flow can check for type errors and make hints when encoding.
Package Management
    • Bower is a package manager for managing front-end dependencies, created by Twitter. It provides a large number of dependencies that are available for JavaScript developers to more easily manage the JS libraries that are dependent on the front end.
    • NPM is the abbreviation for node Package Manager , in fact NPM packages can be used for both front and back ends. It is a JavaScript package management system and the world's largest dependent library, with more than 475,000 modules.
    • Yarn is a new JavaScript package management tool developed by Facebook, Google, Exponent and tilde. It addresses security, performance, and consistency issues compared to NPM.
    • Duo draws on the experience of component, browserify, and go, and is committed to simplifying the building process for large Web applications.

Welcome to join our Fundebug full stack bug Monitor Exchange Group: 622902485.


Copyright NOTICE: Please specify the author fundebug and this address:https://blog.fundebug.com/2017/06/19/javascript-tool-list/

JavaScript Development Tools Daquan

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.