Share This
Связаться со мной
Крути в низ
Categories
//10 забавных расширений VS Code для разработчиков

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

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov f4f289e - 10 забавных расширений VS Code для разработчиков

Перевод публикуется с сокращениями, автор оригинальной статьи Anupam Chugh.

Visual Studio Code – это созданный корпорацией Microsoft редактор исходного кода, позволяющий писать практически на любом языке программирования. Даже разработчики Python и Flutter влюбляются в эту IDE (на самом деле Visual Studio Code сложно назвать полноценной IDE – прим. ред.). Она обеспечивает поддержку интерактивных игровых площадок, отладки, систем контроля версий и других инструментов для разработчиков. Именно возможности пользовательской настройки делает использование редактора таким увлекательным. Существует огромное количество расширений, интегрируемых в IDE несколькими щелчками мыши.

Независимо от того, являетесь ли вы ветераном VS Code или только начинаете с ним работать, вы наверняка слышали о некоторых обязательных расширениях: Live Server, Git Lens, Auto-Close Tag, Better Comments, Bracket Pair Colorizer – это лишь несколько вариантов, входящих в наборы инструментов большинства разработчиков.

1. Vibrancy

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

Vibrancy предлагает разнообразные настройки темы, а также позволяет включать/отключать эффект стекла.

10 zabavnyh rasshirenij vs code dlja razrabotchikov 2bd83cb - 10 забавных расширений VS Code для разработчиков

2. Bookmarks

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

Расширение Bookmarks чрезвычайно полезно, если в кодовой базе слишком много журналов. Оно также удобно в качестве буфера обмена для копирования и вставки фрагментов.

10 zabavnyh rasshirenij vs code dlja razrabotchikov 28dffdf - 10 забавных расширений VS Code для разработчиков

3. Footsteps

Если Bookmarks было похоже на метки, то Footsteps – это история версий в реальном времени. Расширение выделяет редактируемые строки и затемняет их по завершении правки, сохраняя след изменений.

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

Вот несколько вещей, которые вы можете сделать с помощью Footsteps:

  • перемещаться между строками, используя ctrl+alt+влево и ctrl+alt+вправо;
  • устанавливать лимит выделенного кода и настраивать цвет выделения.

10 zabavnyh rasshirenij vs code dlja razrabotchikov 11d5f9c - 10 забавных расширений VS Code для разработчиков

4. Tabout

Перейдя от IntelliJ Idea или Visual Studio к VS Code, вы поймете – редактор не позволяет выйти за скобки или кавычки и необходимо время от времени нажимать стрелку вправо.

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov 02bda32 - 10 забавных расширений VS Code для разработчиков

5. Coins

Сейчас много говорят о криптовалютах и NFT и следят за их курсами. Если во время программирования вам захочется переключить контекст, процесс разработки может прерваться.

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov b876d4d - 10 забавных расширений VS Code для разработчиков

6. Winddown

Программисты привыкли часами не отрываться от экранов – это может приводить к стрессу, а также вредно для здоровья.

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

Winddown действует как отличная напоминалка (не будучи прерывателем), плавно изменяя цвета вашей IDE, пока вы не перестанете печатать. Это отличный способ освободиться от работы и вернуться к ней позже.

Winddown позволяет установить периоды бодрствования и скорость изменения цвета.

10 zabavnyh rasshirenij vs code dlja razrabotchikov 9913e29 - 10 забавных расширений VS Code для разработчиков

7. Codetour

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

Codetour – крутое расширение, стремящееся сделать весь процесс пошагового руководства интерактивным.

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov 0d89ea5 - 10 забавных расширений VS Code для разработчиков

8. Debug Visualiser

Отладка часто бывает трудной для начинающих, а освоение структур данных – еще труднее.

Разработчики могут легко запутаться в процессе итерации связанного списка. На помощь приходит VSCode Debug Visualizer – визуализирующее структуры данных в редакторе расширение.

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov 91e7168 - 10 забавных расширений VS Code для разработчиков

9. Coddx

Мы все (или почти все) использовали markdown-разметку, чтобы записывать прогресс и проблемы, а также отмечать задачи. Часто простой список задач не гарантирует быстрых циклов выпуска. Метод канбан может улучшить работу с помощью визуализации различных ее этапов.

Coddx объединяет лучшее из обоих миров, представляя набор инструментов для создания интерактивных досок, которые сохраняются в файле markdown.

10 zabavnyh rasshirenij vs code dlja razrabotchikov 2d82f59 - 10 забавных расширений VS Code для разработчиков

10. GrokJS

Хотя JavaScript считается популярным языком, начать писать на нем не всегда легко. Его синтаксис не прост, особенно если вы пришли из другого языка.

GrokJS поможет изучить JavaScript на лету из Visual Studio Code. Достаточно выделить фрагмент кода, и расширение отобразит небольшую документацию со связанными актуальными ссылками.

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

10 zabavnyh rasshirenij vs code dlja razrabotchikov f389ff8 - 10 забавных расширений VS Code для разработчиков

Заключение

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

Вот и все. Спасибо за прочтение.

Дополнительные материалы:

  • Python + Visual Studio Code = успешная разработка
  • 5 советов и хитростей для Visual Studio Code
  • Набор начинающего веб-разработчика: плагины Chrome и VS Code
  • 27 супер плагинов VS Code для JavaScript разработчика
  • 10 расширений VS Code для фронтенд-разработчика

  • 6 views
  • 0 Comment

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Связаться со мной
Close