如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式？

Question

项目中有>>>或/deep/写法不被支持和::v-deep兼容问题时候，怎么快速替换掉这种写法？
当有时候我们拿到一个老项目，它的css写法属于比较老旧的方式时候，而eslint却一直报错，看着心烦或者影响项目编译速度，我们则可以使用一下方式。

Answer 1

本例子是在在vscode中实现的，其他编辑器可以参考使用：具体操作看下图：

在VSCODE编辑器的SEARCH中按上图书写即可，正则表达式如下：
(\/deep\/)(.*?)(?=\{)
替换操作如下：
:deep($2)
如果有用,号隔开的用：
(\/deep\/)(.*?)(?=,)
替换操作如下：
:deep($2)

即可实现快速替换所有/deep/写法;
同理匹配>>>和::v-deep一样适用
(>>>)(.*?)(?=\{)
(::v-deep)(.*?)(?=\{)

觉得有用的小伙伴，可以给我点个赞！