reactjs - 任何 VIM 插件都可以帮助我重构 React 组件吗？

Question

大约 15 年来，我一直愉快而高效地使用 Vim。一段时间以来，我主要在 Ruby/Rails 和 Javascript 项目中编程。

我偶尔尝试过 IDE，发现它们提供的功能很少，而 Vim 不能更好地满足我的需求。然而最近，我对 Vim 作为我的编辑器的一些事情越来越不满意，其中大部分与重构有关。

在 Vim 中，跨多个文件的重构对我来说一直是低效的，现在我每天都在处理 React 应用程序和 Rails 代码，我觉得我在重构过程中浪费了很多时间。

以下是我发现自己花“太多”时间做的重复性任务的一些示例:

我需要更改一个简单的组件名称:

1. 更改文件名
2. 更改所有导入语句
3. 更改组件的出现。

将组件添加到文件时:

1. 记得添加导入语句

删除引用组件的行时:

1. 记得删除导入语句。

如果我想更改其中一个组件的位置:

1. 更改所有导入语句以匹配。

所有这一切都非常乏味，我想其他编辑也有一些工具可以让它变得不那么乏味。其他 Vim/React 开发者正在做什么来让他们在这个样板文件和重复性任务方面的生活更轻松。某种短绒？

例如，与其因为我没有导入文件而导致构建失败，我更愿意为我添加导入语句(如果明确的话)，或者给出一个可供选择的选项列表。

Answer 1

你会想学习如何正确使用:cdo/:argdo、:substitute和宏(尤其是处理复杂的像这样重命名)。 :global 也很有用。通常，最有效的大型重构是使用 : 命令和偶尔的正常模式完成的，或者完全使用宏。

重命名文件是一个简单的 mv 在终端领域，或者 :Rename 如果你有 tpope 的太监插件。

ALE 可以帮助 lint 在 vi​​m 中打开文件，尽管您可能更喜欢整个项目的 lint 和 quickfix 列表。学习如何使用您的错误设置快速修复列表(:make 和 -q 是我的前两个)是一个巨大的福音。