Sublime Text 3使用正则表达式快速提取Bootstrap 4中的所有class

分享一个使用正则表达式快速提取特征文本的例子,这大大节省了我的宝贵时间。

我的需求是从bootstrap.css文件中提取出Bootstrap的所有class,这里用的是4.1.1版本。

一开始,我是老老实实地从上往下逐行查找、复制/剪切、粘贴,整理了一个多小时后,才到3596行,此时的我眼睛有点困,脖子有点僵,手指有点累,再Ctrl+End到文件末尾一看,我的天啊,总共有8981行,这要搞到猴年马月啊!此时已经是凌晨1点多了,说好的不熬夜的呢!

就在这时我想到了自己之前处理类似需求的时候,用的是Sublime Text 3中的正则表达式搜索功能。所以,我得救了!

首先,在Sublime Text 3中按Ctrl+F快捷键,调出搜索框。

然后,输入正则表达式:\.[a-z-]+[0-9]*
注意,搜索前需要先选中搜索栏最左侧的“正则表达式”按钮,表示使用正则表达式进行文本搜索。

通过上面的正则表达式,文件中的所有class都被匹配到了。

为了保险起见,我又快速滚动鼠标逐行查看是否有多选或漏选,对匹配有误的地方进行手动处理。
然后,单击“Find All”选中所有匹配,并复制粘贴到新建的空白页里。

接着,Ctrl+A全选提取出来的特征文本,查看换行有没有问题,是否有多余的空格。

最后,将该文本复制到Excel中进行去重和排序。

这样我需要的Bootstrap 4的所有class就整理完成啦!

使用上述正则匹配的方法,如果操作快一点的话,其实也就几分钟的时间。

欢迎交流,www.ciyuan.org

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值