Привет, Хабр! Сегодня расскажем о нескольких полезных плагинах для 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)


  1. Alexandroppolus
    28.06.2024 07:13
    +5

    Если используете другие, расскажите о них в комментариях.

    Auto Rename Tag, Prettier - Code formatter, Svg Preview, vscode-styled-components, Material Icon Theme, Markdown All in One. Думаю, по названиям понятно, о чем они.


  1. ProgerMan
    28.06.2024 07:13
    +1

    GitHub Copilot


    1. Ryav
      28.06.2024 07:13

      Бесплатный же есть, какая версия сейчас на нём?


  1. mgis
    28.06.2024 07:13
    +1

    1. venanen
      28.06.2024 07:13
      +3

      Codeium лучше имхо.


      1. danilovmy
        28.06.2024 07:13
        +2

        Подтверждаю. После множества ОЙ-AI- плагинов, Codeium как глоток свежего воздуха


        1. Pol1mus
          28.06.2024 07:13

          Codeium последнее время часто стал не алё. Пересел пока на Gemini Code Assist + Google Cloud Code. Тоже бесплатный. Но требует хитронастроенного впн для РФ. Ну и вообще он заметно хуже работает Ж(


        1. Snooper
          28.06.2024 07:13

          У меня при включении codeium жутко начинает грузить cpu и диск, в списке процессов видно, что именно это расширение даёт нагрузку. Пользоваться vscode становится практически невозможно, даже курсор в тексте тормозит.

          Такой же эффект у меня даёт расширении SonarLint

          Вырубил их и vscode опять стал работать нормально.

          Core i3-1115G4 / nvme ssd / 8 Gb ram, похоже нужен апгрейд.


          1. 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 вроде работает опять нормально.


  1. 0x6b73ca
    28.06.2024 07:13
    +2

    Где то я уже это видел


  1. Metotron0
    28.06.2024 07:13
    +1

    Metago (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)

    Замена и убирание скобок или кавычек, выделение содержимого скобок или кавычек.


  1. Muhammadyusuf
    28.06.2024 07:13

    Continue, ThunderClient (Postman), Run the code


  1. DrrRos
    28.06.2024 07:13

    Такую бы подборку для JB Ide'шек. Первым бы поставил "Developer Tools" - очень годный "швейцарский нож".


  1. IgorAlentyev
    28.06.2024 07:13

    Cody. Стоит денег но нравится больше чем continue, copilot. Лучше только Cursor но дефолтная вскод нравится больше