使用变量重命名文件-Visual Studio代码


我们都被IDE宠坏了。 我想要更多的呵护! 引入了免费的Visual Studio Code扩展,用于重命名文件和多替换变量。

有许多扩展和内置的重构功能。 主要功能是重命名(变量,类,方法,文件等)。 我们都非常熟悉这样的机会,它们每天都会提高我们的心情!

我们热爱规则,遵守风格指南。 我们根据内容命名文件。 我认为,在app-component.ts文件中,应该找到AppComponent类。 然后将AppComponent类重命名为RootComponent ,下一步将文件名更改为root-component.ts ...。例如,如果它是一个Angular组件,则必须更改另外三个文件的名称,即CSS选择器,实例名称! 面对这个? 最简单的重命名操作通常需要我们付出巨大的努力。

你看过这样的代码吗?

// src/models/animal.ts class Animal { run(): void; jump(): void; catchMouse(): void; meow(): void; } 

同意随着时间的推移,我们的课程可以发展吗? 它不是关于OOP或SOLID的(项目中没有其他动物),这是一个很棒的类-但这名称不能反映现实。 此类方法大喊它是猫! 实际上,我们必须给全班同学一个好名字的机会。 但是所有实例变量呢,数百个const animal = new Cat(); ? 如果我们已经有完整的模块使用关键字animal



通常,正确命名的主题总是很重要的。 但是仍然没有太多的自动化例程。

为了获得乐趣,我在node.js上编写了一个小cli,以最简单地替换文件中的行,还更改了文件名( @ justerest / multi-replace )。 我对这款拐杖的可用性感到非常惊讶! 我不再害怕在组件或模块的名称上犯错误,因为使用一个命令,我可以重命名整个Angular组件集合。



一段时间后,我还发现该工具可以用作原理图的绝佳替代品。 只需复制最相似的文件(组件)并重命名即可! 它激发了我为我最喜欢的Visual Studio Code编辑器编写一个多替换扩展的信息。

multi-replace在原始String.ptototype.replace()上运行,而无需对代码或文件类型进行任何分析。 实现非常简单-最少的代码,最大的收益。 可以重命名文件夹内的文件和文本以及文件夹,将更改的文件复制到新文件夹。

我想提拔自己,让自己听到哈布罗夫斯克市民的批评,建议或其他更名解决方案。

谢谢你

Source: https://habr.com/ru/post/zh-CN466979/


All Articles