Если вы ищете способы очистки нашего кода, уменьшить сложность и улучшить функциональность – эти расширения рефакторинга помогут вам быстрее двигаться.
1. JavaScript Booster
JavaScript Booster – это инструмент рефакторинга кода, который включает в себя несколько действий кодирования, таких как преобразование VAR в CONST или LET, удаление избыточных операторов иначе, а также объединение объявлений и инициализации. Просто обратите внимание на лампочку слева и нажмите ее, чтобы узнать, как вы можете преобразовать код под курсором.
2. Размер шага
STEPSIZE позволяет вам добавить в закладки и сообщать о техническом долге и коде, чтобы рефактор. Если вы сталкиваетесь с кодом, который требует рефакторинга, но у вас нет времени, чтобы сделать это сразу же, вы можете сделать его видимым и поднять проблему непосредственно в коде VS.
- Код закладки, пока вы работаете и создаете проблемы
- Нарисуйте свои проблемы
- Возьмите их на встречи с спринтом и поделитесь знаниями со своими товарищами по команде
3. Абракадабра, рефактор это!
С Abracadabra вы можете быстро и безопасно рефактовать существующий код в коде VS.
VS -кодовые суда с несколькими основными рефактовальными средствами. Abracadabra перегружено вашему редактору ярлыками, чтобы запустить наиболее полезные в кратчайшие сроки, быстрые исправления, чтобы предложить рефакторные, когда это необходимо, варианты настраивания UX для ваших потребностей, рефактор, которые работают с .js, .jsx, .ts, .tsx and .vue файлы.
4. Зачистить
Glean предоставляет инструменты рефакторинга для вашей кодовой базы React: извлечь JSX в новый компонент, преобразовать компоненты класса в функциональные компоненты, обертывание крючками. Это позволяет извлекать JSX в новый компонент, преобразование компонентов класса в функциональные компоненты и вице-версию, обертывая JSX с условными переменными состояния и их сеттеров и многое другое.
5. Сонарлинт
Sonarlint позволяет вам исправить проблемы кодирования, прежде чем они существуют: как проверка орфографии, Sonarlint выделяет ошибки и уязвимости безопасности при пишении кода, с четким руководством по восстановлению, чтобы вы могли исправить их до того, как код будет совершен. Sonarlint в VS -коде поддерживает анализ JavaScript, TypeScript, Python, Java, HTML и PHP -кода.
Оригинал: “https://dev.to/alexomeyer/5-vs-code-extensions-that-make-refactoring-easy-1ccb”