正则表达式 + VS Code 全局替换香不香?真香

平常开发或者重构代码的过程中肯定有遇到需要全局查找替换的需求,在全局替换的基础上有可能要改大小写,更变态的甚至蛇形改驼峰,多个类似的html模板批量插入相同的元素或者属性,今天就带大家来试试我们强大的ide工具VS Code加正则表达式的一些骚操作,把上面这些容易犯错的体力活,统统变成小case

提示: 下面的内容需要一些正则表达式基础,看不懂也可以先收藏

  • 全局替换小写: 在匹配组前面加上 \L(小写的 \l只替换匹配组首字母)


  • 全局替换大写:在匹配组前面加上 \U(小写的 \u只替换匹配组首字母)


有了前面的基础我们就可以实现下划线转驼峰命名了

  • 下划线转驼峰:选定好匹配范围多点几次replaceAll就好了



    全局匹配千万一定要选对范围,免得误伤。匹配范围可以利用files to include和files to exclude. 如果还不够准确可以像图中这样加上前置预判,这样就不会匹配的_ctest变量了

  • 给每个带class的div元素加上test类



    不过这样匹配不包括换行符,要包含换行符也可以,就是稍微麻烦一些,后面更花里胡哨的玩法无非就是看兄弟你正则表达式的功底了

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容