任何VIM插件都能帮助我重构React组件吗?

时间:2019-12-02 02:36:32

标签: reactjs vim

我已经非常愉快和高效地使用Vim了15年。一段时间以来,我主要在Ruby / Rails和Javascript项目中进行编程。

我偶尔尝试使用IDE,发现它们对我的帮助很小,而Vim不能满足我的需求。但是最近,我对Vim作为编辑器感到有些不满意,其中大部分与重构有关。

在Vim中,跨越多个文件的重构一直以来对我来说效率低下,现在我每天都在与Reacts一起使用Rails代码,我感觉我在重构过程中浪费了很多时间。

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

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

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

将组件添加到文件时:

  1. 记住要添加进口声明

在删除引用组件的行时:

  1. 记住要删除导入语句。

如果我想更改我的组件之一的位置:

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

所有这些都是很乏味的,我想在那里的其他编辑器都有工具使它变得不那么乏味了。 Vim / React其他开发人员正在做什么,以简化样板和重复性任务,使他们的生活更轻松。某种短绒呢?

例如,不是因为我没有导入文件而使构建失败,而是希望为我添加import语句(如果模棱两可),或者提供一个可供选择的选项列表。

2 个答案:

答案 0 :(得分:1)

您将要学习如何正确使用:cdo / :argdo:substitute和宏(尤其是处理这种复杂的重命名)的方法。 :global也将很有用。通常,最有效的大型重构是通过:命令和偶尔的正常模式完成的,或者完全通过宏完成的。

重命名文件很简单,只需在终端域中mv,如果您有tpope的太监插件,则可以:Rename

ALE可以帮助皮棉在vim中打开文件,尽管您可能对整个项目皮棉和quickfix列表更满意。学习如何为您的错误设置快速修复列表(:make-q是我的头两个)是一个巨大的福音。

答案 1 :(得分:0)

使用JavaScript开发时,是尝试扩展vs code的{​​{1}}的最佳时机,它提供了以下功能:
1.自动导入选项
2.组件名称更改/文件位置更改后自动固定导入
3.如果未声明进口,则标记为红色
4.如果有未使用的进口,则生成警告