7 многообещающих расширений для VS Code, вышедших в 2021 году

Самые крутые расширения прошедшего года для VS Code.

Среди редакторов кода самым востребованным несомненно является Visual Studio Code. Недавно опубликованные результаты ежегодного опроса разработчиков на Stack Overflow подтверждают растущую популярность этого инструмента от Microsoft.

Известность VS Code во многом обусловлена огромной библиотекой расширений, которые позволяют с лёгкостью использовать сторонние API. Вы также можете писать собственные расширения для API и публиковать их на маркетплейсе Visual Studio.

В 2021 году разработчики имели возможность оценить множество новых расширений VS Code. Мы разберём те из них, которые показались нам наиболее интересными. Надеемся, они обогатят ваш процесс разработки и сделают его ещё более продуктивным.

1. GitHub Copilot

Стоит начать с уже успевшего стать популярным GitHub Copilot. Этот инструмент создан на основе искусственного интеллекта GitHub и OpenAI Codex и позволяет автоматически генерировать код на основе контекста.

Разработчикам, использующим VS Code и Jetbrains, очень повезло, ведь Copilot способен предлагать целые блоки кода для большинства языков программирования. И это ещё не всё — с Copilot можно "общаться" прямо в IDE.

Для начала необходимо загрузить расширение GitHub Copilot VS Code, привязать свой аккаунт на GitHub и авторизоваться в нём. Пока что Copilot доступен ограниченному кругу пользователей, поэтому в случае отказа в доступе добавляйтесь в лист ожидания.

Мы протестировали несколько популярных фрагментов кода для JavaScript и Swift с GitHub Copilot, и результат оказался хорошим. Можно начать писать функцию или просто кратко описать то, что вы хотите получить в итоге, и Copilot предложит качественное решение.

Между вариантами кода можно переключаться с помощью Option + ] и Option + [, а чтобы сохранить конечный результат, необходимо нажать Tab.

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

Попробуйте ввести "current price for Bitcoin and Ethereum" и понаблюдайте, как Copilot создаёт нужную функцию практически в режиме реального времени. А ещё с Copilot отпадает необходимость устанавливать другие расширения со схожими функциями, и это лучшее его свойство.

2. Thunder Client

Разработчику часто приходится сталкиваться с тестированием API. Одним из самых популярных инструментов для тестирования и валидации конечных точек API до его интеграции в приложение является Postman.

Однако зачастую при работе в VS Code тестирование API приводит к необходимости частого переключения между приложениями. К счастью, на помощь приходит Thunder Client, предлагающий простое в использовании и не занимающее много памяти расширение Rest API-клиента.

Thunder Client позволяет быстро тестировать конечные точки API из кодовой базы прямо в редакторе, таким образом минимизируя переключение вкладок. Возможность выполнять бесскриптовые тесты делает Thunder Client заманчивой альтернативой Postman (несмотря на лайт-версию).

3. Snipped

Все мы любим делиться удачными фрагментами кода, не так ли?

Конечно, можно скопировать и вставить код, к примеру, на carbon.now.sh, а затем экспортировать скриншот. Однако расширение Snipped может делать это за нас автоматически прямо в VS Code.

Забудьте о копировании и вставке кода в Twitter, ведь в буфере обмена уже хранится скриншот с выбранным вами фрагментом.

4. Lorem.space

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

Lorem.space предоставляет API для случайной генерации изображений из различных категорий.

Нажмите CMD + Shift + P , выберите Lorem.space из выпадающего списка, определитесь с категорией (пицца, бургер, лицо, мебель), введите ширину и высоту изображения, и lorem.space сгенерирует URL изображения-заглушки.

5. AI Doc Writer для JavaScript и TypeScript

На написание документации у разработчиков бывают разные взгляды: кому-то это нравится, а кто-то считает это пустой тратой ресурса.

Подающее большие надежды расширение AI Doc Writer от Mintlify позволяет упростить процесс создания документации.

Просто выделите код и нажмите Command + . — расширение сгенерирует документацию для функции. Мы протестировали расширение на функциях, сгенерированных GitHub Copilot, и получили достойный результат.

Нужен поисковик для кодовой базы? Mintlify Search Engine — ещё одно расширение для VS Code от команды, создавшей AI Doc Writer. Оно позволяет искать фрагменты кода с помощью запросов на естественном языке. Также с помощью расширения можно узнать, для чего предназначены конкретные куски кода. На момент написания этой статьи Mintlify Search Engine проходит закрытое бета-тестирование.

6. Blockman

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

Расширение для VS Code Blockman делает ровно то, что предполагает его название — выделяет блоки в коде. Blockman даёт широкие возможности для кастомизации: можно менять цвета и глубину блоков, переключаться между блоками и делать многое другое.

С помощью этого расширения очень просто выделять вложенные блоки в коде. Взгляните, как оно работает с отступами:

7. Live Frame

Live Frame — ещё одно расширение для VS Code, которое позволяет минимизировать переключение вкладок и просматривать изменения в веб-приложении прямо в редакторе. Можно забыть о бесконечных переключениях между VS Code и браузером.

Кроме очевидной пользы для продуктивности, расширение Live Frame также помогает записывать и демонстрировать интерактивные обучающие материалы.