vscode中的正则替换用法

目的

把代码中请求/user/**接口的引号替换为反单引号,以便于使用es6的模板字符串功能。

效果比如

  • 修改前
'/user/${userInfo.account}/files/'
'/user/${userInfo.account}/22files/'
'/user/${userInfo.account}/33files/'

'/啊啊啊/${userInfo.account}/33files/'
  • 修改后
`/user/${userInfo.account}/files/`
`/user/${userInfo.account}/22files/`
`/user/${userInfo.account}/33files/`

'/啊啊啊/${userInfo.account}/33files/'

这里将复合单引号引起来并且以/user开头的字符串两边的引号替换为`,而不以/user开头的字符串则不用处理。

操作

因为不是全字匹配,所以不能按照传统的字符串匹配替换来实现,那么这里的正则就排上了用场。

首先ctrl + h调起查找和替换框,使箭头指向的区域为选中状态
在这里插入图片描述
需要使用vscode的替换功能,搜索内容为

'(/user/\S+)'

替换内容为

`$1`

这里的用法是将要替换的部分用()包裹起来,那么就可以作为变量使用了,从前往后依次是$1、$2等

你可能感兴趣的:(vscode,javascript,ide)