Десять должны иметь расширения для Visual Studio Code

Мой список базовых расширений, которые могут понадобиться любому разработчику!

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

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

1. Кодеум
2. GitLens
3. Обычные коммиты
4. Лучшие комментарии
5. Иконки атомного материала
6. Объектив ошибки
7. EditorConfig
8. Прямая трансляция
9. Докер
10. vscode-pdf

1. Кодеум

Современная суперспособность кодирования: бесплатный плагин ускорения кода AI для ваших любимых языков. Введите меньше. Код больше. Отправляйте быстрее.

В наши дни трудно игнорировать шумиху вокруг моделей AI и GPT. Как разработчики, значительная часть нашего времени тратится на поиск ответов в Google или StackOverflow (а теперь, с ChatGPT, даже в беседах). Но представьте себе помощника прямо в вашем редакторе, готового предложить вам следующую строку кода!

Codeium предоставляет предложения кода в режиме реального времени по мере ввода, которые вы можете легко включить, просто нажав клавишу табуляции. Это так просто!

Что касается других плагинов для предложений кода, Codeium предлагает дополнительные функции, такие как чат Codeium, или специальные функции, такие как «рефакторинг выбранного кода».

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

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

2. ГитЛенс

Усовершенствуйте Git в VS Code — мгновенно визуализируйте авторство кода с помощью аннотаций Git обвинить и CodeLens, легко перемещайтесь по репозиториям Git и исследуйте их, получайте ценную информацию с помощью богатых визуализаций и мощных команд сравнения и многое другое.

GitLens, разработанный командой GitKraken, несомненно, является одним из самых мощных расширений Git, доступных для Visual Studio Code.

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

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

Но подождите, в GitLens есть нечто большее, чем просто аннотация обвинения. Плагин предлагает множество дополнительных функций, которые вы не захотите пропустить. Я настоятельно рекомендую посетить страницу плагина на рынке Visual Studio Code, чтобы изучить все возможности, которые он предоставляет.

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

3. Обычные коммиты

💬 Обычные коммиты для VSCode.

Обычные коммиты устанавливают стандартизированный набор правил для структурирования сообщений коммитов в вашей команде.

Каждое сообщение фиксации состоит из ключевого слова, такого как «feat» или «refactor», за которым следует контекстная информация, заключенная в скобки, и, наконец, более подробное сообщение.

Это расширение улучшает представление Git в Visual Studio Code, предоставляя дополнительный параметр, помогающий создавать сообщения фиксации, соответствующие стандартному формату фиксации.

Из документации Cconventional Commits:

Спецификация Conventional Commits — это облегченное соглашение поверх сообщений фиксации.

Он предоставляет простой набор правил для создания явной истории коммитов; что упрощает написание автоматизированных инструментов поверх.

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

4. Лучшие комментарии

Улучшите комментирование кода, добавляя предупреждения, информационные сообщения, TODO и многое другое!

С помощью расширения Better Comments вы можете улучшить видимость комментариев в своем коде, поместив в начало определенные символы.

Например, если начать комментарий с TODO:, текст будет отображаться оранжевым цветом, а при использовании двойных символов комментария, таких как ////, текст будет отображаться с эффектом зачеркивания.

Ниже приведены другие примеры.

5. Иконки атомного материала

Иконки материалов Atom для кода Visual Studio

Atom Material Icons — мой любимый набор иконок для vs code. Мне очень нравится стиль и используемые цвета. Большинство иконок очень читабельны и отлично подходят для темной темы.

БОНУС: Моя лучшая тема

Вы уже пробовали новую тему Dark Modern? Я думаю, что это лучшее!

6. Объектив ошибки

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

Error Lens можно рассматривать как меньшее расширение по сравнению с другими, но оно предлагает очень полезную функцию.

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

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

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

7. Конфигурация редактора

Поддержка EditorConfig для кода Visual Studio

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

Это может привести к несоответствиям, таким как различия в отступах с использованием пробелов или табуляции или различные стили окончания строки, такие как CRLF в Windows.

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

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

# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = false
insert_final_newline = false

8. Прямая трансляция

Совместная разработка в режиме реального времени, не выходя из ваших любимых инструментов.

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

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

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

9. Докер

Упрощает создание, управление и отладку контейнерных приложений.

Расширение Docker — обязательный инструмент для разработчиков, которые часто работают с Docker и Dockerfiles.

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

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

10. vscode-pdf

Показать файл PDF в VSCode.

И последнее, но не менее важное: расширение vscode-pdf добавляет в Visual Studio Code удобную функцию, позволяя открывать PDF-файлы непосредственно в редакторе.

Благодаря этому удобному расширению вам больше не нужно переключаться между различными приложениями для просмотра PDF-документов.

Вместо этого вы можете беспрепятственно получать доступ к файлам PDF и читать их в знакомой среде кодирования Visual Studio Code.

https://marketplace.visualstudio.com/items?itemName=tomoki1207.pdf

Я надеюсь, что вы нашли эту статью интересной.

Удачи в вашем следующем проекте и удачного кодирования! 🧑‍💻