Многие команды инженеров застревают на месте и не могут быстро выпустить качественное ПО из-за наличия технического долга.
Лучшие команды инженеров, с которыми я общался, используют правильные инструменты для постоянного рефакторинга кода, оптимизации взаимодействия с кодовой базой и устранения технического долга.
В этой статье я собрал подборку расширений 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».
[customscript]techrocks_custom_after_post_html[/customscript]
[customscript]techrocks_custom_script[/customscript]
