美文网首页web前端开发
正则表达式 + VS Code 全局替换香不香?真香

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

作者: Yezzle | 来源:发表于2021-08-31 21:37 被阅读0次

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

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

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


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


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

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



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

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



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

相关文章

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

    平常开发或者重构代码的过程中肯定有遇到需要全局查找替换的需求,在全局替换的基础上有可能要改大小写,更变态的甚至蛇形...

  • 在vscode中创建自定义代码模并支持vue cli开发

    使用vs code vs code真香,很多编译器都是基于vs code再开发。在这埋在有一些vs code的使用...

  • 王老师,真香!

    “王老师美不美?” “美—” “王老师香不香?” “香——” “真香假香?” “真香!” 孩子们热热闹闹,挨挨...

  • 茶有百香

    武夷茶的香包括真香、兰香、清香、纯香、表里如一,曰纯香;不生不熟,曰清香;火候停均,曰兰香;雨前神具,曰真香,这四...

  • 香,真香!

    (一) 午后贴完春联,便去了大伯家等待“请家堂”。“请家堂”本地习俗,在三十黄昏到村口或祖先亡亲墓地,请先祖回家过...

  • 香,真香!

    2019年08月09日 星期五 阴转晴 茉莉花又开,一众同事皆循着花的香气移步到我办公室来,凑上前去闻闻香气,然后...

  • vscode 免费视频教程

    VS Code教程 VS Code简介 VS Code 界面 VS Code各种视图 VS Code主题 VS C...

  • VS Code导学视频,教你如何入门!

    VS Code教程 VS Code简介 VS Code 界面 VS Code各种视图 VS Code主题 VS C...

  • iOS 正则表达式替换文本

    Talk is cheap, show me the code! 转飞业达--正则表达式替换文本

  • 降真香是不是越“黑”就越好

    自古描述中的降真香颜色为紫红色,但很多香友习惯以颜色来追香,颜色越黑,他们就越喜欢,但是玩降真香应该玩的是香韵而不...

网友评论

    本文标题:正则表达式 + VS Code 全局替换香不香?真香

    本文链接:https://www.haomeiwen.com/subject/qbftwltx.html