10 Visual Studio Code расширений для рефакторинга и работы с tech debt
В этой статье мы поговорим о полезных extensions для VS Code, которые помогут вам с рефакторингом вашего проекта и работой с тех долгом
1. Glean
Скачать можно тут.
Glean предоставляет инструменты рефакторинга проектов на React. Основные фичи:
- Позволяет извлекать JSX в новый компонент
- Позволяет преобразовывать компоненты класса в functional компоненты и наоборот
- Позволяет "врапнуть" JSX c conditional
- Позволяет одновременно переименовывать переменные состояния и их "сеттеры".
- Позволяет враппить код с помощью useMemo, useCallback или useEffect
- Перемещение кода между файлами
- Поддержка TypeScript
- Поддержка модулей ES2015
- Поддержка модулей CommonJS
2. Stepsize
Stepsize будет полезен для команд, чтобы отслеживать и определять приоритеты тех долга прямо в VS Code.
Скачать можно тут.
Что может плагин:
- Позволяет создавать и просматривать issues прямо из редактора
- Отслеживать и определять приоритеты код импрувментов, тех долга
- Добавлять ключевые issue'сы в свои спринты с помощью интеграции с Jira
- Так же есть интеграции с GitHub, BitBucket, Slack
3. P42 JavaScript Assistant: Refactoring Hints & Automation
P42 JavaScript Assistant добавляет 49 автоматических рефакторингов, и других экшинов для JavaScript и TypeScript в VS Code.
Скачать можно тут.
4. Abracadabra
Скачать можно тут.
В VS Code уже есть базовые функции рефакторинга. Abracadabra расширяет возможности рефакторинга в vs code:
- 🎁 Больше рефакторинга чем в стандартном пакете vs code
- ⚡ Shortcuts, чтобы мгновенно запускать самые полезные
- 💡 Quick Fixes, предлагающие рефакторинг, когда это необходимо
- 🛠 Options для настройки UX в соответствии с вашими потребностями
- 💬 Рефакторинг для файлов .js, .jsx, .ts, .tsx и .vue
5. TODO Highlight
Если вы любите юзать в коде теги TODO и FIXME, но при этом забиваете на них, этот плагин решит вашу проблему. Он выделяет в коде фразы TODO или FIXME.
Скачать можно тут.
6. Todo Tree
Расширение Todo Tree собирает все ваши todoшки и fixme, разбросанные по коду, в одно дерево в левой панели vs code
Скачать можно тут.
7. Comment Anchors
Comment Anchors позволяют размещать "якоря" в комментариях. Якоря можно использовать для трекинга TODO, написания заметок, упрощать навигацию по файлам.
Comment Anchors предоставляют множество вариантов конфигурации, позволяющих адаптировать это расширение к вашему личному рабочему процессу и повысить производительность.
Скачать можно тут.
8. New Relic CodeStream
New Relic CodeStream - это платформа для совместной работы разработчиков, которая интегрирует основные инструменты разработки в VS Code. Помогает избежать переключение контекста и упрощает обсуждение кода и проверку кода, с помощью инструментов для совместной работы в vs code.
У экстеншина есть несколько интеграций:
- Code Hosts: Bitbucket, Bitbucket Server, GitHub, GitHub Enterprise, GitLab, GitLab Self-Managed
- Issue Trackers: Asana, Azure DevOps, Bitbucket, Clubhouse, GitHub, GitHub Enterprise, GitLab, GitLab Self-Managed, Jira, Linear, Trello, YouTrack
- Observability: New Relic One, Pixie
- Messaging Services: Slack, Microsoft Teams
Скачать New Relic CodeStream можно тут.
9. SonarLint
SonarLint позволяет исправлять проблемы кодом до того, как они обнаружаться во время релиза, у SonarLint есть такие фичи как: средство проверки орфографии, SonarLint выделяет ошибки и уязвимости безопасности при написании кода с четкими инструкциями по исправлению, чтобы вы могли исправить их еще до того, как вы закоммитите код. SonarLint в VS Code поддерживает анализ кода JavaScript, TypeScript, Python, Java, HTML и PHP.
Скачать можно тут.
10. Code Runner
Позволяет запустить сниппет или код на многих языках, таких как: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran, Ring.
Скачать Code Runner можно тут.
Источник: https://dev.to/alexomeyer/10-vs-code-extensions-to-fight-technical-debt-508f