VSCode 编辑器的正则表达式搜索和替换

🌙
手机阅读
本文目录结构
axihe

场景

在写代码或者文档的时候,经常会批量的搜索或者替换一些文本;

如果这些文本有一定的规律,那么使用正则表达式来处理,是一个非常好的办法;

我在工作的时候,如果需要批量替换不同文本的文字,这些文本又有一定的规律可以寻找,基本都是正则来处理的,非常的方便,记录一下,给大家做一个参考;

如果在搜索里使用,我基本是用正则来进行模糊搜索,这也是一个非常赞的功能;

前置条件

  • 如果你对正则一点都不了解,那么推荐查看本站的 正则表达式 教程
  • 如果你对正则了解一些,但是又不是那么的熟练,那么推荐查看本站的 正则表达式 元字符 文章
  • 需要一个支持正则表达式的编辑器,现在几乎所有的文本编辑器都支持正则表达式,比如 VSCode 、AtomSublime 、 Webstorm 、 IDEA 等等,你可以使用任何你喜欢的编辑器

正则表达式的模式开启

你通常需要在搜索输入框附近的某处打开 RegEx 开关。以下是在 VS Code 中执行此操作的方法:

在当前文档内操作

在指定文件夹下操作

正则匹配的内容直接替换

使用正则匹配需要查找的文字,然后全部替换成需要的结果

这是最常用的需求,直接写就好

搜索和替换的语法如下

搜索内容:^阿西河\w+教程
替换内容:阿东河教程

使用例子

把下面的文本,全部换为阿东河教程

阿西河CSS教程
阿西河JS教程
阿西河html教程
阿西河egg教程
阿西河react教程

截图演示

上面的操作是把匹配到的阿西河XXX教程,全部改为阿东河教程

正则的匹配的内容作为变量

这是利用正则表达式的结果,把结果作为变量来实现的,从而实现高级一点的场景;

搜索语法如下

^阿西河(\w+)教程

带一个()套在你需要保留的文字,这样的正则匹配是可以拿到匹配到的变量

匹配语法如下

阿东河$1文档

$1是第一个括号内数据的变量,$2 $3...依次类推

注意:$0是匹配到的整个结果阿西河(\w+)教程,请根据自己的实际情况使用

使用例子

比如我需要匹配 阿西河XX教程这个精准内容,全部改为 阿东河XX文档

阿西河CSS教程
阿西河JS教程
阿西河html教程
阿西河egg教程
阿西河react教程

更改为

阿东河CSS文档
阿东河JS文档
阿东河html文档
阿东河egg文档
阿东河react文档

那么就可以这写

搜索内容:^阿西河(\w+)教程
替换内容:阿东河$1文档

截图演示

这就是我经常进行的操作,如果你对正则了解的比较深入,你会操作更多内容,但是核心就是上面两点;

批量把复制的文件改为想要的格式

开始的样子: 我需要把内容给移动到上面,其实就是把换行符给全部删掉

点击替换后的样子:这样正则匹配后,一下就 OK 了,非常容易操作;

非常推荐你查看正则表达式 元字符 文章来了解


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

Bilibili(B站)

朱安邦

Anbang