Привет, дзенчане!
Многим из вас приходится заниматься разработкой приложений и веб-сайтов, так что я постарался собрать для вас 22 крутых расширения, большинством из которых я пользуюсь сам.
Для вашего удобства я сделал названия в виде ссылок, чтобы не приходилось самостоятельно гуглить. Кликнув на них вы получите не только больше информации о расширении, но с возможность установить его.
И помните: расширения это, конечно, хорошо, но не стоит загромождать ими свой рабочий инструмент. Возможно, вам стоит выбирать их тщательнее, а то и вовсе поменять программу на более серьезную.
Расширения для Visual Studio Code
HTML CSS SUPPORT — поддержка CSS для HTML-документов с подсветкой синтаксиса, подключением удалённых CSS-файлов и другими полезными функциями.
GitLens — полезный инструмент для визуализации информации об истории кода, что позволяет отслеживать, когда и кем были внесены изменения.
JavaScript Console Utils — утилита для упрощения создания полезных инструкций console.log(), в том числе быстрой вставки кода для логирования выбранной переменной.
Auto Rename Tag — расширение для переименования тегов HTML. При изменении открывающего тега автоматически сменится и закрывающий.
HTML Snippets — готовые фрагменты кода для экономии времени.
VSCode-Icons — добавление наглядных иконок к дереву файлов для более удобного поиска и лучшего визуального восприятия.
Guides — добавление дополнительных направляющих линий в код для большего удобства при поиске открывающих и закрывающих элементов.
Path Intellisense — инструмент для автоматического дополнения имён файлов по мере ввода строки.
ESLint — интеграция ESLint в Visual Studio Code для проверки качества вашего кода и поиска ошибок.
Bracket Pair Colorizer — инструмент для окрашивания открывающих и закрывающих скобок определёнными цветами для их быстрого поиска.
Babel ES6/ES7 — инструмент для подсветки и проверки синтаксиса JavaScript Babel.
Code Spell Checker — расширение для быстрой проверки орфографии кода.
Prettier — расширение для автоматического форматирования кода и приведения его различных участков к единому виду.
Расширения для браузеров на основе Chromium - Chrome, Yandex Browser, Chromium
Vimeo Repeat and Speed — простое расширение для ускорения видео сервиса Vimeo, что бывает полезно при просмотре видеоуроков.
Wappalyzer — утилита, которая позволяет идентифицировать системы управления контентом, фреймворки, серверное ПО, инструменты аналитики и другие технологии, используемые на сайтах.
Colorzilla — инструмент для получения точных цветов с веб-сайтов. Для удобства код цвета копируется прямо в буфер обмена.
WhatFont — простой способ узнать, какой именно шрифт используется на том или ином сайте, чтобы найти его и применять в своих проектах.
Redux DevTools — инструмент для отладки приложений с использованием Redux.
JSON Formatter — расширение для упрощения читаемости JSON с подсветкой синтаксиса, отступами, кликабельными ссылками.
CSS Peeper — расширение для просмотра используемых на сайтах цветов и ассетов: иллюстраций, текстовых документов, файлов вёрстки, видеофайлов.
React Developer Tools — полезный инструмент для отладки приложений на React.js.
Pesticide — инструмент для выделения контуров <div> и модификаций CSS. Полезен при освоении блочной модели вёрстки.