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

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

5 years ago

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 звезд на рынке.

4218
2
Дивіться також
Recapping the Characteristics of Excellent Chart Libraries for React It is hard to imagine modern business software solutions ...
How the New Era of Entrepreneurship Is Changing the Hiring Process with Equity Compensation Entrepreneurs witness a unique ...
What Entrepreneurs Should Know About Startup Investment Funds Securing a startup investment fund is a foundational step for ...