ТОП-10 расширений Visual Studio Code для удобной разработки

Все, что вам нужно для быстрой работы – от интеграции Docker и Git до поддержки Markdown и XML. Что еще умеет Visual Studio Code?

ТОП-10 расширений Visual Studio Code для удобной разработки

VS Code – это не просто текстовый редактор. Благодаря встроенным возможностям и огромному количеству расширений он превратился в полноценную IDE для проектов различной сложности. Сохраняя гибкость и легкость, он позволяет настраивать все, что вам необходимо.

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

Среди бесчисленных плагинов для Visual Studio Code мы выбрали очередной ТОП-10. Возможно, вы еще не используете их.

Для визуализации разметки

HTML Preview

Иногда для комфортный работы требуются очень простые вещи. Например, плагин HTML Preview, который умеет показывать, как будет выглядеть HTML, который вы пишете.

Инструмент больше подходит для фрагментов кода, а не для целых страниц с подключенными таблицами стилей. Впрочем и с этой задачей он справится, если все внешние ресурсы доступны.

ТОП-10 расширений Visual Studio Code для удобной разработки
Предварительный просмотр веб-страницы при редактировании HTML-кода с плагином HTML Preview.

AsciiDoc

90% разработчиков терпеть не могут писать документацию к своим проектам. Чтобы сделать это важное занятие немного более приятным, используйте профессиональные инструменты, например, плагин AsciiDoc. Вы пишете и сразу видите результат в режиме реального времени с подсветкой синтаксиса, кучей сниппетов и поддержкой символов.

Все работает на JavaScript, но при желании можно перейти на Ruby-движок.

ТОП-10 расширений Visual Studio Code для удобной разработки
Редактирование файлов AsciiDoc с подсветкой синтаксиса и просмотр в режиме реального времени.

Markdown All in One

Markdown – это, пожалуй, лучший выбор для README-файлов и простой документации. Visual Studio Code поставляется с базовой поддержкой этого формата, но плагин Markdown All in One здорово расширяет его возможности:

  • горячие клавиши для инлайновых стилей (полужирный шрифт, курсив, подчеркивание);
  • автоматическое создание оглавления из заголовков;
  • форматирование математических формул;
  • автодополнение;
  • поддержка улучшенного варианта разметки Github Flavoured Markdown.

Лучшая фича плагина – компиляция Markdown в достаточно чистый HTML-код.

Редактирование и предварительный просмотр формата Markdown с плагином Markdown All in One.
Редактирование и предварительный просмотр формата Markdown с плагином Markdown All in One.

reStructuredText

Несмотря на то, что формат документации reStructuredText по существу является простым текстом с некоторыми стилистическими украшениями, было бы неплохо иметь интерактивный инструмент для работы с ним. Расширение reStructuredText от LeXtudio предоставляет сниппеты и подсветку синтаксиса для документов в этом формате, а также предварительный просмотр и линтинг.

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

Расширение reStructuredText обеспечивает подсветку синтаксиса и предварительный просмотр для популярного формата документации.
Расширение reStructuredText обеспечивает подсветку синтаксиса и предварительный просмотр для популярного формата документации.

XML Tools

XML можно любить или ненавидеть (что более вероятно), но как формат данных он все еще живет и процветает. Расширение XML Tools делает работу с XML немного менее печальной и мучительной. Вы можете очистить или минимизировать уродливое форматирование, изучить отдельное древовидное представление документа, запустить запросы XPath и линтинг XQuery и выполнить код прямо в редакторе.

Расширение XML Tools обеспечивает иерархический просмотр дерева XML-документов и предоставляет множество инструментов для работы с этим форматом.
Расширение XML Tools обеспечивает иерархический просмотр дерева XML-документов и предоставляет множество инструментов для работы с этим форматом.

Для распределенных команд

GitLens

Сегодня сложно представить более-менее крупный проект, не использующий систему контроля версий. Чаще всего это Git, и в Visual Studio Code есть его минимальная поддержка прямо из коробки.

Если вы хотите большего, GitLens вам поможет. Плагин добавляет в редактор массу дополнительных возможностей:

  • список репозиториев;
  • история изменений активного файла;
  • история изменений выделенной строки;
  • сравнение веток, тегов и ссылок;
  • поиск по коммитам.

Самая удобная фича GitLens доступна непосредственно в поле редактирования. Кликните на любую строчку – вы увидите, кто и когда изменял ее последним.

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

Функция line blame в GitLens показывает, кто и когда внес изменения в указанную строчку.
Функция line blame в GitLens показывает, кто и когда внес изменения в указанную строчку.

Microsoft Visual Studio Live Share

Для больших распределенных команд разработчиков очень важно правильно организовать совместную работу с кодом в реальном времени. Расширение Microsoft Visual Studio Live Share связывает ваш Visual Studio Code с редакторами ваших коллег. Таким образом в режиме реального времени каждый сотрудник может видеть, над чем работают другие члены команды. Live Share разделяет не только экраны, но и вывод запущенного кода.

К соединению можно подключить также терминалы или локальные веб-приложения.

Редактирование кода с другими членами команды в режиме реального времени с помощью расширения Microsoft Visual Studio Live Share. Обратите внимание на флаг курсора с именем сотрудника.
Редактирование кода с другими членами команды в режиме реального времени с помощью расширения Microsoft Visual Studio Live Share. Обратите внимание на флаг курсора с именем сотрудника.

Для управления проектами

Docker

Docker упростил создание, управление, публикацию и обслуживание программного обеспечения как в облаке, так и on-premise. Расширение Docker для Visual Studio Code от Microsoft делает управление докеризованными проектами немного легче. Вы можете автоматически генерировать Dockerfile для проектов, запускать образы, управлять запущенными контейнерами, подключаться к реестрам и развертывать образы непосредственно в Службе приложений Azure.

Быстрый доступ к образам, реестрам, запущенным контейнерам и консоли в плагине Docker.
Быстрый доступ к образам, реестрам, запущенным контейнерам и консоли в плагине Docker.

Project Manager

Visual Studio Code рассматривает открытую в нем папку как отдельный проект. Чтобы работать с несколькими такими проектами и переключаться между ними обычно нужно создавать несколько экземпляров редактора. Если для вас это неудобно, просто установите расширение Project Manager.

Плагин позволяет переключаться между разными проектами внутри одного экземпляра VS Code. Просто откройте боковую панель и выберите нужный.

Расширение Project Manager позволяет свободно переключаться между проектами в одном экземпляре редактора VS Code.
Расширение Project Manager позволяет свободно переключаться между проектами в одном экземпляре редактора VS Code.

Для тех, кому мало Visual Studio Code

VSCodeVim

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

Расширение VSCodeVim эмулирует основные возможности – настройки и горячие клавиши – редактора Vim внутри Visual Studio Code.

Плагин не поддерживает Vimscript, поэтому любые дополнения, созданные с его помощью придется воссоздавать вручную.

Эмуляция Vim внутри VS Code с помощью плагина VSCodeVim.
Эмуляция Vim внутри VS Code с помощью плагина VSCodeVim.

А какие плагины к VS Code используете вы?

МЕРОПРИЯТИЯ

Комментарии

ВАКАНСИИ

Добавить вакансию
Разработчик С#
от 200000 RUB до 400000 RUB
Go-разработчик
по итогам собеседования

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ