Инструменты разработчика JavaScript

При программировании в JavaScript специалисты используют множество инструментов. Ниже мы рассмотрим самые удобные инструменты для работы с JavaScript.

Инструменты сборки и автоматизации

Webpack

Модульный упаковщик, создающий граф зависимостей с всеми необходимыми подулями для приложения на JavaScript. Он упаковывает модули в один или несколько пакетов для загрузки браузером. К тому же, Webpack может применяться как средство запуска задач, поскольку он анализирует зависимости между модулями и образовывает ассеты (ресурсы).

Grunt

Инструмент с необычным подходом: он определяет задачи в JavaScript как функции и GUl автоматизирует «болезненные» задачи, предоставляет доступ к огромному количеству плагинов (больше 2700). Кроме того он обеспечивает лучший контроль над процессом.

Browserify

Предоставляет возможность использовать в браузерах модули стиля NodeJS. Разработчик программного обеспечения определяет зависимость, а Broweserify упаковывает все в JS-файл.

Brunch.io

Создатели заложили в этот инструмент такие основы, как простота и скорость. Он поставляется интуитивно простой конфигурацией и подробной документаций для запуска.

Yeoman

Это универсальный инструмент, который используется практически с любым языком программирования (C#, Java, JavaScript, Python). Больше 6200 плагинов. Используется для разработки web-приложений. Можно создавать новые проекты с нуля или совершенствовать существующие.

IDE и редакторы кода

WebStorm

Одна из самых мощных IDE для профессиональной разработки приложений на JavaScript. Поддерживает разные фреймворки и языки разметки. Может легко интегрироваться с дополнительными инструментами по типу тестеров, сборщиков, средств контроля качества кода и так далее.

Atom

Выбор многих разработчиков. Бесплатный продукт от GitHub. Это легко настраиваемый редактор кода, поставляющийся с некоторыми интересными функциями. Кроме того он выступает кроссплатформенным редактором кода.

Visual Studio Code

Редактор от компании Microsoft. Он поддерживает TypeScript «прямо из коробки». Имеет интеллектуальное завершение кода и подсветку синтаксиса благодаря технологии автодополнения IntelliSense и встроенный инструмент отладки, контроль версий, поддержка команд Git и так далее. Можно существенно расширить функционал посредством подключения разных расширений.

Brackets

Удобный и простой редактор кода, имеющий открытый исходный код. Чаще всего его используют в качестве визуального инструмента. Он поставляется с функцией предварительного просмотра в режиме онлайн.

Инструменты документирования кода

Swagger

Набор инструментов и правил для описания API. Это языконезависимая утилита.

JSDoc

Набор инструментов, создающий многостраничную текстовую документацию (JSON, XML, HTML и так далее) из комментариев из исходного кода на JavaScript. Отлично подходит для работы с крупномасштабными проектами.

YUIDoc

Приложение на NodeJS. Использует схожий синтаксис, который применяется в Doxygen и Javadoc.

Docco

Инструмент для документации, который написал на «литературном» CoffeeScript. Помимо JavaScript он поддерживает и другие языки, такие как Python, Ruby, Clojure и так далее.

jGrouseDoc (jGD)

Инструмент с открытым исходным кодом, позволяющим генерировать API из комментариев исходного кода.

Инструменты тестирования

Jasmine

BDD-фреймворк используется для тестирования кода. Имеет понятный и чистый синтаксис, что позволяет упрощать и ускорять тестирование. Кроме того фреймворке может применяться для тестирования кода Ruby и Python.

Mocha

Многофункциональная тестовая реда, которая работает в браузере на Node.js. Проводит последовательные тесты, чем обеспечивает точную и гибкую отчетность, делая асинхронные тесты легкими и веселыми.

PhantomJS

Чаще всего используется для юнит-тестов и интерфейсных тестов. Включает встроенную поддержку разных веб-стандартов, таких как JSON, Canvas, обработку SVG, DOM и селекторы CSS.

Protractor

Сквозной тестовый фреймворк, который написан на Node.js. Предназначенный для тестирования приложений на Angular и AngularJS.

Инструменты отладки

JavaScript Debugger

Инструмент от Mozilla (MDN), который используется в качестве автоматического приложения для отладки кода в различных браузерах.

Chrome Dev Tools

Комплекс инструментов, содержащий несколько утилит для отладки кода, редактирования CSS и тестирования производительности программ.

ng-inspector

Представляет собой кроссбраузерное расширение, которое помогает с написанием, отладкой и пониманием приложений на AngularJS.

Augury

Расширение, предназначенное для Google Chrome и отладки приложений на Angular 2. С его помощью можно напрямую анализировать структуру приложений и их характеристики, а также выявлять изменения.

Инструменты безопасности

Snyk

Инструмент для обнаружения, коррекции и предотвращения уязвимости в приложениях на Java, JavaScript и Ruby.

Node Security Project

Используется для сканирования зависимостей и обнаружения уязвимостей.

RetireJS

Инструмент проверки зависимостей, имеющий открытый код. Содержит разные компоненты, такие как плагин Grunt, сканер командой строки, расширение Chrome и Firefox, плагины OWASP ZAP и Burp.

Инструменты аналитики и оптимизации кода

JSLint

Аналитический инструмент предназначен для проверки качества кода. Когда он находит проблему в источники, то возвращает сообщение с ее описанием и примерным местоположением в коде.

JSHint

Инструмент, предназначенный для обнаружения ошибок и проблем в JS-коде. Поддерживается сообществом. Гибкий в работе.

ESLint

Линтер с открытым кодом для web-приложений JavaScript и JSX. Помогает найти сомнительные шаблоны и код, который не отвечает конкретным стилям.

Список инструментов для работы на JavaScript можно продолжать бесконечно. Мы перечислили только самые надежные и популярные инструменты, которые являются основной для многих качественных продуктов.