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

0
2
views

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

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

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

Рефакторинг и технический долг

1. Glean

Glean предоставляет инструменты рефакторинга для вашей кодовой базы на React. Он позволяет:

  • извлекать JSX в новый компонент,
  • добавлять в него хуки,
  • преобразовывать классовые компоненты в функциональные и наоборот,
  • встраивать условия в JSX,
  • переименовывать переменные состояния и их установщики одновременно, а также многое другое.

2. Stepsize

Stepsize — это средство отслеживания ошибок для исправной кодовой базы. Расширение дает разработчикам возможность отслеживать и определять приоритеты технического долга прямо в редакторе VS Code. Оно позволяет:

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

3. JavaScript Assistant

JavaScript Assistant поможет вам писать чистый и лаконичный код, отвечающий современным стандартам. Предлагает 48 автоматизированных процессов, полезных при рефакторинге и чистке кода на JavaScript и TypeScript.

4. Abracadabra, refactor this!

При помощи Abracadabra можно быстро и безопасно рефакторить код в VS Code.

VS Code поставляется с несколькими базовыми инструментами для рефакторинга. Abracadabra:

  • позволяет мгновенно запускать наиболее полезные из инструментов самого редактора,
  • дает возможность делать быстрые исправления,
  • предоставляет параметры для настройки UX в соответствии с вашими потребностями.

Теги «TODO» и комментарии

5. TODO Highlight

Если вы хотите помечать участки кода тегами TODO и FIXME, но при этом забываете о них, этот плагин решит вашу проблему. Он выделяет в коде фразы TODO или FIXME, чтобы вы не забыли, что вы хотели исправить или улучшить.

6. Todo Tree

Расширение Todo Tree собирает все задачи, разбросанные по всему приложению, в одно дерево в левой части рабочего пространства редактора. Вы можете быстро найти в своем рабочем пространстве теги, такие как TODO и FIXME, и просмотреть их в дереве.

7. Comment Anchors

Comment Anchors позволяет размещать ссылки-якоря в комментариях или строках для создания закладок в контексте вашего кода. Якоря можно использовать для отслеживания TODO, написания заметок, сворачивания разделов кода или для создания простой навигации, упрощающей навигацию по файлам.

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

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

8. New Relic CodeStream

New Relic CodeStream – это платформа для совместной разработки, которая интегрирует основные инструменты из VS Code. Она позволяет избежать переключения контекста и упростить обсуждение и проверку кода, разместив инструменты для совместной работы в своей среде IDE.

Установив New Relic CodeStream, вы сможете:

  • создавать и просматривать пул-реквесты на GitHub и GitLab.
  • получать отзывы по текущей работе с помощью предварительных код-ревью
  • обсуждать код и оставлять комментарии.

Автоматизация

9. SonarLint

SonarLint позволяет исправлять проблемы с кодом до того, как они возникнут. Это расширение выделяет ошибки и уязвимости безопасности при написании кода. Также оно выдает четкие инструкци по исправлению, чтобы вы могли внести правки еще до того, как код будет зафиксирован. В VS Code SonarLint поддерживает анализ кода на JavaScript, TypeScript, Python, Java, HTML и PHP.

10. Code Runner

Позволяет запускать фрагменты кода или файлы на различных языках, например, на C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go.

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

Перевод статьи «10 VS Code Extensions to Fight Technical Debt».

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here