10 чрезвычайно полезных плагинов Visual Studio Code для программистов

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

Если вы используете Visual Studio Code в качестве предпочитаемой среды IDE, у вас есть возможность настроить его в соответствии с вашими нуждами. Один из способов сделать это — установить правильные плагины. Вы можете добавить столько, сколько захотите, чтобы сделать вашу жизнь максимально легкой.

Используемые плагины оказывают большое влияние на вашу производительность и стиль работы. Именно поэтому мы рассмотрим 10 плагинов для Visual Studio Code которые помогут облегчить жизнь разработчика

“We change our tools and then our tools change us.” — Jeff Bezos

“Мы меняем наши инструменты, а затем наши инструменты меняют нас”. — Джефф Безос

Обратите внимание, что все эти плагины доступны на Visual Studio Marketplace бесплатно.

1. Visual Studio Intellicode

Visual Studio Intellicode — более 3 200 000 загрузок — один из самых загружаемых плагинов для Visual Studio. И, на мой взгляд, это один из самых полезных плагинов, которые вы когда-либо могли использовать.

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

Visual Studio Intellicode использует методы машинного обучения для наблюдения и поиска шаблонов, используемых в многочисленных проектах GitHub с открытым исходным кодом, и предлагает их во время кодирования.

Visual Studio Intellicode

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

Это очень хорошая информация, особенно когда вы работаете с чем-то вроде функциональных веток. При использовании функциональных веток вы обращаетесь к тикету (таске или заявке)  с названием вашей ветви. Так как Git Blame сообщает вам, в каком коммите, то есть в какой ветви была изменена строка кода, вы знаете, какой тикет вызвал это изменение. Это поможет вам лучше понять причины изменений.

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

Prettier работает вместе с JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL и другими современными инструментами и позволяет правильно форматировать код.

Каждый веб-разработчик, вероятно, работал с одним из различных стеков JavaScript. Независимо от того, какой у вас выбор фреймворков, ввод одинаковых общих кодов в разных проектах должен уменьшить ваш рабочий процесс.

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

Path Intellisense — это один из тех плагинов Visual Studio, который обеспечивает гарантированное повышение производительности вашей разработки. Если вы работаете над многими проектами одновременно с использованием слишком большого количества различных технологий, вам наверняка понадобится удобный инструмент, который сможет запомнить для вас имена путей. Этот плагин сэкономит вам много времени, которое в противном случае было бы потрачено впустую на поиск нужного каталога.

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

Не нужно переключаться со своего кода в Visual Studio на отладчик в Chrome, если вам нужно отладить JavaScript. Отладчик для Chrome, выпущенный Microsoft, позволяет отлаживать исходные файлы непосредственно в Visual Studio Code.

Плагин ESLint интегрирует ESLint в Visual Studio. Если вы не знакомы с ним, ESLint — это инструмент, который статически анализирует ваш код, чтобы быстро находить проблемы.
Большинство проблем, обнаруженных ESLint, могут быть автоматически исправлены. Исправления ESLint учитывают синтаксис, и поэтому вы не столкнетесь с ошибками, вызванными традиционными алгоритмами поиска и замены. Кроме того, ESLint обладает широкими возможностями настройки.

Расширение SVG Viewer добавляет ряд утилит для работы с SVG в Visual Studio Code. Этот плагин позволяет отображать файлы SVG и видеть их внешний вид, не выходя из редактора. Кроме того, этот плагин также имеет опции для преобразования в PNG и создания схем URI данных.

Крайнее но не последнее — темы. Поскольку вы будете смотреть на свой редактор каждый день, почему бы не сделать его максимально красивым? Существует множество плагинов для настройки, которые меняют цветовую схему и значки на боковой панели. Некоторые популярные темы, которые доступны бесплатно: One Monokai, One Dark Pro и Material Icon.

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

Если вы знаете еще, какие-нибудь классные плагины для Visual Studio Code, обязательно напишите в комментариях

Так же подписывайтесь на наш телеграм-канал, чтобы всегда быть вкурсе новых статей 🙂

Оставьте ответ

comment-avatar

*