Лучшие плагины для добавления в Visual Studio Code

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

Это отличное решение, предлагаемое софтверным гигантом Microsoft, блюда как для начинающих пользователей, так и для самых профессиональных. Чтобы дать нам представление, мы говорим о Visual Studio Code, редакторе кода, разработанном самой Microsoft. У нас есть возможность установить и запустить его на Windows , Linux и macOS- на базе компьютеров.

лучшие плагины для добавления в Visual Studio Code

Важные функции, которые интегрирует Visual Studio Code

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

Кроме того, этот редактор с открытым исходным кодом является кроссплатформенным и очень популярен в сообществе разработчиков программного обеспечения. В качестве любопытства скажем вам, что это бета версия была выпущена в конце 2015 года, а первая стабильная версия была выпущена в апреле 2016 года. Также важно знать, что Visual Studio Code совместим с большим количеством языков программирования. Поэтому для большинства разработчиков это не проблема.

Редактор поддерживает отладку, встроенный элемент управления Git, подсветку синтаксиса, интеллектуальное завершение кода и т. Д. Надо сказать, что он предоставляет нам довольно настраиваемый интерфейс, который позволяет пользователям изменять тему или сочетания клавиш, среди прочего. другие вещи.

Visual Studio Code интерфаз

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

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

Плагины для улучшения функциональности VScode

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

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

Автоматическое переименование тега

Мы собираемся начать этот выбор расширений или плагинов с Auto Rename Tag. Стоит отметить, что, несмотря на его простоту, если что-то характеризует этот элемент, так это полезность, которую он предоставляет. По сути, это расширение автоматически меняет имя парного Тег HTML / XML.

Автоматическое переименование тега

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

Автоматическое закрытие тега

Автоматизация задач в этом типе программы и платформы развития одна из функций, наиболее ценимых обычными пользователями. Мы должны иметь в виду, что при написании кода он иногда довольно повторяющийся. Таким образом, с помощью этого плагина мы предоставляем Visual Studio Code с поддержкой закрытых тегов для HTML , Рули и файлы Razor.

Автоматическое закрытие тега

В то же время мы должны знать, что расширение включено для других языков, таких как XML, PHP, JavaScript, TypeScript и т. Д. Мы можем получить его. отсюда .

Открыть в браузере

На этом этапе мы должны знать, что VSCode не имеет интегрированного интерфейса для открытия файлов непосредственно из веб-браузер . Отсюда и важность или полезность этого плагина, о котором мы будем говорить. Это связано с тем, что это расширение добавляет в программу новую опцию под названием «Открыть в браузере по умолчанию».

Открыть в браузере

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

Quokka

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

Quokka

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

GitLens

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

GitLens

Это имеет место в случае GitLens , плагин, который добавляет улучшения к использованию редактора кода, подобного этому из Microsoft . Благодаря этому мы сможем увидеть, кто изменил строку кода, над которой я сейчас работаю, и когда они это сделали. В то же время мы можем видеть историю изменений каждого файла, различать различные модификации и т. Д. Чтобы добавить это расширение, вы можете сделать это. отсюда .

Vscode Faker

Это очень интересное предложение такого типа, которое позволяет нам легко и быстро вставлять данные примера в наш проект. Для этого он использует библиотеку Faker JavaScript, и мы можем сгенерировать случайные имена , адреса, изображений , номера телефонов и т. д. В то же время стоит отметить, что в каждой категории есть несколько подкатегорий, чтобы как можно скорее найти нужный контент. Чтобы проверить все это, вы можете сделать это по этой ссылке ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

обманщик

Тема значка материала

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

Тема значка материала