如何在vim中使用文件模板

文章介绍了如何使用Vim的模板功能和自动命令来简化React组件的创建过程。通过定义模板文件和特定的autocmd,开发人员可以自动插入组件代码,特别是在处理index.tsx文件时,能根据文件夹名称动态生成组件名。这种方式提高了开发效率,减少了手动管理模板的痛苦。
摘要由CSDN通过智能技术生成

在现代世界中,样板是我们作为开发人员刚刚习惯的东西,作为工作的一部分,也是当今使用的所有主流框架的一部分,但是手动管理所有这些是很痛苦的,特别是当你不想继续运行生成器命令时(有些框架甚至没有这些生成器命令😥)让我们的编辑器处理这部分会很棒。

在 :help skeleton 的帮助页面中,您可以找到几乎所有您想要的模板基础知识,基本上您将所需的模板编写在像 ~/.vim/templates/c_main.c 这样的文件中:

之后,您声明一个简单的autocmd,以便在生成新文件时插入它:

就这样!当您使用:e main.c创建新文件时,将自动插入警告,我们将为一个简单的React组件定义一个模板,该模板遵循componentName/index.tsx模式,其想法是在文件夹中插入一个具有正确名称的新组件。酷吧?

首先,我们将在~/.vim/templates/react-component.tsx中定义模板

 

请注意%component_name%,它将用于替换为文件夹名称。

现在我们添加我们的autocmd:

请注意,这次我们的模式要窄得多,我们只想匹配以文件夹为其父级的index.tsx文件。另一个需要跟踪的重要部分是替换命令中的\=,这是vim脚本的扩展,因此我们可以使用函数expand('%:h:t')作为替换的一部分

提示:您可以通过:help阅读更多关于替换模式的信息\= 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值