微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用Vim中的递增值搜索并替换

让我说我写了一个简单的CSS规则,如下所示:
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}

我需要10,所以我复制了9次。

.star_10 {
  background: url(stars.png) no-repeat 0 0;
}
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}

等等

现在我想用增加的值来改变star_10和0,所以它看起来像这样:

.star_10 {
  background: url(stars.png) no-repeat 0 0;
}
.star_9 {
  background: url(stars.png) no-repeat 0 -18px;
}
.star_8 {
  background: url(stars.png) no-repeat 0 -36px;
}
.star_7 {
  background: url(stars.png) no-repeat 0 -54px;
}

等等…

那么我如何搜索/替换每个实例,做一个计算和写?

您可以使用宏来轻松实现。让我们说你只有这样:
.star_10 {
  background: url(stars.png) no-repeat 0 0;
}

将光标放在第一个点(在.star10中),并在普通模式下键入以下内容

qa3yy3jp^Xjt;18^Xk0q

解释:

> qa将在注册表“a”中开始宏记录。
> 3yy将yank(复制)以下3行。
> 3j将光标3向下放。
> p将粘贴过去的yanked文本。
> ^ X(ctrl x)将减小星级号码。
> j将光标放在一行。
> t;将光标放在下一个;在当前行。
> 18 ^ X将使后台的y坐标递减18;
> k将光标放在一行,
> 0将光标放在行的起点处。
> q将完成宏记录。

之后,你可能会有这样的事情。

.star_10 {
  background: url(stars.png) no-repeat 0 0;
}

.star_9 {
  background: url(stars.png) no-repeat 0 -18;
}

而已。只需将光标放在.star_9上的点上,然后按8 @ a执行多次记录的宏。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐