Привет, Хабр! Сегодня расскажем о нескольких полезных плагинах для VS Code, которые облегчают и упрощают работу специалиста. Конечно, в подборке далеко не все плагины, полезные для разработчика. Так что если у вас есть свои фавориты, рассказывайте о них в комментариях. А пока начинаем!
Polacode
В первую очередь Polacode нужен для создания качественных скриншотов кода. А еще с ее помощью можно создавать различные туториалы, обучающие видео, презентации и так далее.
Основные возможности плагина:
работа с несколькими файлами одновременно;
автоматическое добавление выделенных участков кода в модуль для скриншота;
создание визуально удобных сниппетов;
настройка внешнего вида изображения при помощи таких параметров, как polacode.target, polacode.shadow, polacode.transparentBackground и polacode.backgroundColor.
Кстати, его можно использовать и для красивого оформления репозиториев в GitHub. Работать с плагином несложно: достаточно пары кликов, чтобы сохранить нужный кусок кода в виде красивой картинки.
Загрузить плагин можно здесь. Работает на Windows, Linux и Mac.
Turbo Console Log
Расширение позволяет быстро отлаживать код, не используя ручное добавление журнальных сообщений. Этот инструмент дает возможность все сделать буквально в один клик — вывод сообщений добавляется без проблем.
У Turbo Console Log своя консоль, которая используется для вычисления выражений и запуска своего кода. Это хорошая возможность для отладки кода в режиме реального времени.
Еще одна возможность — кастомизация журнальных сообщений. Это позволяет обеспечить более удобный формат, где можно выделять объекты и переменные.
Загрузить можно здесь.
Error Lens
Позволяет подсвечивать всю строку с ошибкой или предупреждением, показывать текст ошибки рядом с кодом, показывать счетчики ошибок на панели статуса. Упрощает оценку кода взглядом, ведь волнистые подчеркивания не так заметны, в отличие от полностью подсвеченных строк.
Плагин разными цветами выделяет ошибки, предупреждения, обычную информацию, подсказки. Можно также задавать стиль шрифта, расстояние между текстом кода и аннотациями. К слову, плагин совместим с любым ЯП, где есть доступ к диагностическим данным.
Загрузить плагин можно здесь.
Better Comments
Расширение, которое дает возможность форматировать комментарии, ранжируя их по типу. Можно использовать разные стили комментариев, включая вопросы, задачи, предупреждения и так далее. Если нужно, можно ранжировать комментарии по степени важности, осуществлять поиск по типу комментария или ключевым словам.
Настройка плагина очень гибкая, есть управление стилями многострочных комментариев и стили комментариев в текстовых файлах. Плагин поддерживает большое количество языков программирования — от очень известных до такой экзотики, как Pig, Twig и Verilog.
Загрузить плагин можно здесь.
GitLens
Мощный плагин, позволяющий контролировать и визуализировать историю Git. Он облегчает изучение коммитов, изменений, сравнение веток и так далее. Добавляет новые команды в VS Code — а значит, с ним можно быстро выполнять нужные действия, включая создание коммитов и отмену изменений.
Для разработчика, который использует Git, это очень актуальный инструмент.
Загрузить плагин можно здесь.
ESLint
Плагин выявляет в коде проблемы и ошибки, что экономит очень много времени. Есть набор правил, который при необходимости можно модифицировать, настроив под свои нужды. Это полезно как для разработчиков, так и для компаний с собственными стандартами оформления кода.
Положительная черта расширения — совместимость с другими популярными расширениями. Так что форматирование будет реализовано автоматически, исходя из набора правил линтинга.
Загрузить плагин можно здесь.
Bookmarks
Плагин для улучшения навигации по проектам. Дает возможность создавать закладки в строках кода, а потом, если нужно, возвращаться к ним. Выводит полный список закладок, позволяет осуществлять навигацию, искать созданные закладки, группировать, экспортировать и импортировать их.
Инструмент простой, но очень полезный. Загрузить можно здесь.
Пока все. Расскажите, применяли ли вы эти плагины? Если используете другие, расскажите о них в комментариях.
Комментарии (14)
mgis
28.06.2024 07:13+1venanen
28.06.2024 07:13+4Codeium лучше имхо.
danilovmy
28.06.2024 07:13+3Подтверждаю. После множества ОЙ-AI- плагинов, Codeium как глоток свежего воздуха
Pol1mus
28.06.2024 07:13Codeium последнее время часто стал не алё. Пересел пока на Gemini Code Assist + Google Cloud Code. Тоже бесплатный. Но требует хитронастроенного впн для РФ. Ну и вообще он заметно хуже работает Ж(
Snooper
28.06.2024 07:13У меня при включении codeium жутко начинает грузить cpu и диск, в списке процессов видно, что именно это расширение даёт нагрузку. Пользоваться vscode становится практически невозможно, даже курсор в тексте тормозит.
Такой же эффект у меня даёт расширении SonarLint
Вырубил их и vscode опять стал работать нормально.
Core i3-1115G4 / nvme ssd / 8 Gb ram, похоже нужен апгрейд.
danilovmy
28.06.2024 07:13@Snooper Использую VSCodium https://github.com/VSCodium/vscodium (переработанная версия VS Code). Тормозов, кроме прокладки, между моим компом и клавиатурой, не встречал. Но настройка требует сил, там шаманить надо с магазином приложений.
@Pol1mus Codeium последние два месяца люто тормозил, у меня стояла 1.8.18 - 1.8.20. После 1.8.64 вроде работает опять нормально.
Metotron0
28.06.2024 07:13Metago (https://marketplace.visualstudio.com/items?itemName=metaseed.metago)
Управление курсором без мыши, включая выделение текста, удаление. Я и половины не использую из того, что он умеет.
selectWord (https://marketplace.visualstudio.com/items?itemName=craig-johnston.selectword)
Выделение слова под курсором по хоткею, оно мне нужно, чтобы подсветить это слово на экране или отправить в поиск по проекту, а иногда и просто переписать. Настолько часто пользуюсь, что у меня оно на F1.
Bracketeer (https://marketplace.visualstudio.com/items?itemName=pustelto.bracketeer)
Замена и убирание скобок или кавычек, выделение содержимого скобок или кавычек.
DrrRos
28.06.2024 07:13Такую бы подборку для JB Ide'шек. Первым бы поставил "Developer Tools" - очень годный "швейцарский нож".
IgorAlentyev
28.06.2024 07:13Cody. Стоит денег но нравится больше чем continue, copilot. Лучше только Cursor но дефолтная вскод нравится больше
Alexandroppolus
Auto Rename Tag, Prettier - Code formatter, Svg Preview, vscode-styled-components, Material Icon Theme, Markdown All in One. Думаю, по названиям понятно, о чем они.