Может ли какой-нибудь плагин VIM помочь мне реорганизовать компонент React?

Question

Я пользуюсь Vim довольно счастливо и продуктивно около 15 лет. Некоторое время сейчас я в основном программирую в проектах Ruby / Rails и Javascript.

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

Рефакторинг, охватывающий несколько файлов, всегда был для меня неэффективен в Vim, и теперь, когда я работаю над приложениями React каждый день вместе с кодом Rails, я чувствую, что теряю МНОГО времени на рефакторинг.

Вот несколько примеров повторяющихся задач, на которые я трачу «слишком много» времени:

Простое изменение имени компонента Мне нужно:

1. изменитьимя файла
2. изменить все операторы импорта
3. изменить экземпляры компонента.

При добавлении компонента в файл:

1. не забудьте добавить статистику импорта

При удалении строки, относящейся к компоненту:

1. не забудьте удалить операторы импорта.

Если я хочу изменить местоположение одного из моих компонентов:

1. измените все операторы импорта для соответствия.

Все это довольно утомительно, и я думаю, что у других редакторов есть инструменты, чтобы сделать это меньше. Что делают другие разработчики Vim / React, чтобы облегчить им жизнь в связи с этим стандартным и повторяющимся заданием. Что-то вроде линтера?

Например, вместо сбоя сборки, потому что я не импортировал файл, я бы предпочел добавить инструкцию import для меня (если она однозначна) или получить списокиз вариантов на выбор.

Answer 1

Вы захотите узнать, как правильно использовать :cdo / :argdo, :substitute и макросы (особенно в случае сложных переименований, подобных этой). :global также будет полезно. В целом, наиболее эффективные крупные рефакторинги выполняются с помощью команд : и случайного нормального режима или полностью с помощью макросов.

Переименование файла - это просто mv в терминальной стране, или :Rename, если у вас есть плагин для eunuch от tpope.

ALE может помочь открыть файлы в vim, хотя вы можете быть счастливеес целым линтом проекта и списком быстрых исправлений. Изучение, как настроить список быстрых исправлений с вашими ошибками (:make и -q - мои лучшие два), является огромным благом.

Answer 2

Лучше всего попробовать vs code с расширением Eslint при разработке с использованием javascript, который обеспечивает:
1.автоматические параметры импорта
2.автоматически исправленный импорт после изменения имени компонента / изменения положения файла
3. помечено красным, если вы не указали свой импорт
4. создайте предупреждения, если есть неиспользованный импорт