10 расширений от VS Code для веб-разработчиков в 2020

4 роки назад

Visual Studio Code (VS Code) от Microsoft по-прежнему будет одним из лучших редакторов / IDE-кодов в 2020 году. Эта отличная площадка предлагает потрясающие расширения, сделанные сообществом, помогая веб-разработчикам стать более продуктивными.

Однако в большинстве статей о расширениях VS Code рекомендуются одни и те же 10-15 расширений. Они хороши, без сомнения. Но это еще не все, в этой статье представим 10 выдающихся расширений, которые менее известны, но действительно полезны.

 

1. Git Graph

 позволяет визуализировать график из вашего хранилища в VS Code. Он настраивается так, как вы хотите, и в настоящее время имеет 5 из 5 звезд и 250 000 скачиваний на рынке.

Ключевые особенности:

  • Показывает локальные и удаленные репозитории.
  • Выполняет Git-действия, такие как создание, извлечение, удаление, выборка, слияние и многое, многое другое.
  • Просмотр сведений о коммитах и изменений файла → Отличается от любого изменения файла.
  • Сравнивает коммиты, нажав на них.
  • Вы можете выполнить проверку кода на любой коммит.

 


2. Rest-клиент

Большинство из вас, вероятно, знают службы тестирования API и клиентов, таких как  или  .

Но зачем использовать еще одну программу на вашем компьютере, если вы можете просто использовать VS Code для нее?  – это расширение, которое позволяет вам делать именно это. Вот некоторые ключевые особенности:

  • Отправляет HTTP-запросы напрямую из редактора VS Code.
  • Отправляет  запросы  .
  • Автосохранение и история запросов.
  • Организовывает несколько запросов.
  • Поддержка широкой аутентификации, такой как базовая аутентификация и дайджест-аутентификация.

 


3. Auto Close Tag

 – хороший пример небольшого расширения с высоким влиянием на производительность.

Как следует из названия, он добавит закрывающий тег при вводе закрывающей скобки в открывающий тег. Он поддерживает HTML,  , XML, PHP, Vue, JavaScript, Typescript, JSX и другие.

Дополнительные функции:

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

 


4. Peacock

 – это расширение, сделанное Джоном Папой, который широко известен своими общественными работами и курсами .

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

Вот примеры того, как это может выглядеть:

 

 


5. TabNine

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

Он работает “из коробки” без необходимости настройки и очень отзывчив (обычно вы получаете предложения в течение 10 миллисекунд).

 


6. Polacode

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

 


7. TODO Highlight

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

 поможет вам предотвратить это, выделив ваши задачи и FIXME и напомнив вам, что вам еще есть над чем поработать.

 


8. Quokka.js

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

Общественная версия Quokka бесплатна, но есть и профессиональная версия с дополнительными функциями. Определенно то, что вы хотите попробовать, если вы еще не сделали.

 


9. Кронштейн для пары Colorizer 2

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

Это преемник Bracket Pair Colorizer, оптимизированный с точки зрения скорости и точности.

 


10. Shades of Purple

 – это расширение и профессиональная тема для вашего редактора. Он чрезвычайно популярен среди пользователей VS Code и имеет 5 из 5 звезд на рынке.

3811
2
Дивіться також
Netpeak Group та Мінцифри запустили курс навчання з користування штучним інтелектом. Там викладатимуть технології написання текстів, створення картинок та вирішення завдань за ...
OpenAI випускає нову модель під назвою o1, першу в запланованій серії моделей штучного інтелекту здатних, до міркування» та ланцюжкового ...
OpenAI анонсував випуск свого наступного великого продукту: модель генеративного штучного інтелекту під кодовою назвою Strawberry, офіційна назва OpenAI ...