插件推荐

VSCode拓展推荐(前端开发)

前端技巧

快速注释

Ctrl+/

a+Enter快速生成以下内容

1
<a href=""></a>

自动生成HTML框架

!+Tab或者Enter

批量删除空行

通过Ctrl+h快捷键调出替换界面,在替换查找界面输入空行对应的正则表达式^\s*(?=\r?$)\nAlt+R选择对应正则表达式查找模式,批量全部替换即可完成需求

批量删除注释

参考:https://www.jianshu.com/p/e370b6e89ced

正则匹配规则 正则表达式 说明
/content/ /*([\s\S\w]*?)*/ 匹配/**/的注释
//content //(.*?)\n 匹配//的注释
#content #(.*?)\n 匹配#的注释
//content ^((\s*)//(?!....).*\n) 匹配以多个空格和//开头的注释,有坑的概率小一点
全部替换成\n,避免需要换行的地方没换行导致错误,剩下的空行可以按照上面的方法删除

注意有坑
因为// 替换会将url也给替换掉,

方法一
可先查找带http或https的文件,备份一下,防止替换
查找带http或https的文件
正则表达式:(http|https)://([\w.]+/?)\S*,

方法二
可先将http:// 替换成http:&&;将https:// 替换成https:&&
然后在进行第三、四步,
最后在将http:&&替换回http://;https:&&替换回https://

注意:image/* 打电话、发短信的url(iOS的为: telprompt:// sms://)