15 расширений VSCode, необходимых программистам в 2021 году

Почему VSCode столь популярен?

Visual Studio Code быстро завоевал популярность среди разработчиков. Он оказался наиболее распространенной средой разработки по результатам опроса Stack Overflow 2019 года. Одна из причин его популярности связана с адаптируемостью под индивидуальные запросы.

Представляем список расширений, которые позволяют повысить производительность работы с VSCode.

Git Lens

Это расширение использует возможности VSCode и в процессе совместной работы над проектом помогает с первого взгляда определять авторов отдельных фрагментов кода. Git Lens показывает также также дату и время изменений.

Это расширение поможет в том случае, если кто-то из ваших коллег добавил команды, способные нарушать другие функции проекта.

Wallaby.js

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

Это расширение помогает повысить производительность в процессе работы над проектом.

TypeScript Hero

TypeScript Hero  —  это расширенный набор JavaScript, который имеет опциональную типизацию и компилируется в простой JavaScript. Это расширение пригодится при использовании TypeScript. Оно сортирует и упорядочивает импорт и исправляет ошибки в программе с помощью функциональности под названием «Лампочка» (Light bulb).

Prettier

Расширение Prettier занимается форматированием программного кода и значительно упрощает жизнь разработчиков. Можно выбрать настройку Format on Save, и тогда Prettier выполнит форматирование при сохранении кода.

С появлением этого расширения больше не придется беспокоиться о форматировании кода, потому что Prettier сделает это за вас.

Path Intellisense

Известно, что при работе в больших проектах с такими библиотеками JavaScript, как React или Angular, неудобно находить точный путь при импорте компонента. Это расширение автоматически заполняет путь импорта, а также ссылки на файлы в HTML-файле.

Debugger для Chrome

Всем известно, сколь утомительной бывает порой отладка ПО. Расширение Debugger для Chrome способно помочь при отладке программ на JavaScript. Это разработанное Microsoft расширение позволяет устанавливать точки останова, просматривать код программы, отлаживать добавляемые динамически скрипты и многое другое.

Предположим, есть функция, в исполнении которой вы не уверены. Данное расширение поможет в этом случае, сделав паузу в работе отладчика.

Bracket Pair Colorizer

Это приложение помечает цветом парные скобки. Оно станет вашим спасением при отладке больших массивов программного кода. Пользователь может определить выделяемые символы и определить для них цвет.

Сниппеты кода JavaScript (ES6)

Это расширение позволит сберечь массу времени разработчикам ПО на JavaScript. С его помощью можно быстро создать новый проект. При этом не придется полностью набирать все команды. Приложение имеет множество предопределенных сниппетов (фрагментов кода) для наиболее часто используемых функций JavaScript.

Предусмотрена поддержка TypeScript, React, Vue и HTML. Есть аналогичное расширение и для React. (ES7 React/Redux/GraphQL/React-Native snippets). ??????

Live Share

Это расширение позволяет в режиме реального времени совместно работать над кодом проекта в редакторе VSCode в любое время и из любой точки мира.

Вы сможете делиться с другими членами команды экземплярами терминала, веб-приложениями localhost, голосовыми вызовами и другими функциями. Расширение Live Share создано Microsoft.

ESLint

Учитывая универсальность языка JavaScript, некоторые незначительные ошибки могут повлечь за собой серьезные проблемы. Поэтому при работе с большими массивами исходного кода понадобятся инструменты статического анализа (линтеры) и форматирования (форматеры). Выполнить подобные задачи помогает расширение ESLint. Оно сможет автоматически форматировать ваш код и находить в нем ошибки.

Реализация правил ESLint приблизит код ваших программ к лучшим стандартам.

Paste JSON as Code

Каждый разработчик часто работает с API. Как известно, формат JSON является наиболее распространенной структурой данных в API. Чтобы избежать ошибок типа (TypeErrors), способных нарушить работу приложения, мы используем классы или интерфейсы. Это расширение может генерировать класс с данными JSON.

Paste JSON as Code можно использовать вместо написания классов вручную, чтобы упростить их создание и сэкономить время. Расширение поддерживается большинством популярных языков.

Peacock

При использовании нескольких рабочих пространств расширение Peacock помогает быстро ориентироваться в них и выбирать необходимое.

Better Comments

Это расширение помогает создавать более понятные комментарии к коду программы. Оно позволяет задавать разные цвета в соответствии с типом комментариев, например TODO, Highlights, Alerts и другие.

Better Comments помогает в создании чистого, хорошо задокументированного кода.

Search node_modules

При использовании в различных приложениях ранее созданных компонентов библиотек всегда вносятся некоторые изменения в модули node. Это расширение позволяет быстро ориентироваться среди файлов внутри каталога проекта node_modules.

Rest Client

Разработчики ПО регулярно используют Postman для проверки отклика от API. Расширение Rest Client позволяет делать HTTP-запрос и просматривать отклик непосредственно в VSCode, не переключаясь между двумя приложениями.

Читайте также:

Читайте нас в Telegram, VK и Яндекс.Дзен


Перевод статьи Shashank M V: 15 VSCode extensions every Web Developer must have in 2021

Предыдущая статьяТОП-5 законов для каждого UX-дизайнера
Следующая статья4 пайтонические техники для краткого кода