如何在一个文件夹中找到重复的CSS代码(有几个CSS文件)?

knpiaxh1  于 2023-03-05  发布在  其他
关注(0)|答案(2)|浏览(157)

我正在寻找一个解决方案,以消除重复的css从不同的css文件的文件夹。我已经找到了以下解决方案,但这在一个单一的css文件工程。

  • 以下是安装和查找重复CSS类的步骤:

1.转到扩展选项卡(Ctrl + Shift+ X)。
1.搜索“DupChecker”并安装它。
1.转到CSS文件。键入(Ctrl + Shift + P)并使用“使用正则表达式匹配检查重复项”进行搜索,然后选择它。4.粘贴此正则表达式^. [\w-\s.〉:,[]=]+{并按Enter.
在我们的例子中,有多个css文件(在一个名为“New_Theme”的项目中)包含相同的css属性,如:

h1{
color:#3B4045
}

有在线工具,如diffchecker,但超过10+文件,这是不容易找到重复的行。任何建议

iqjalb3h

iqjalb3h1#

如果您只是想使用一个工具在大量文件/文件夹中查找重复项,Atom和VS代码可以为您提供解决方案,它称为全局搜索,我不确定Atom,但在VS代码上,您可以按Ctrl + Shift + F,在打开文件夹中全局搜索标签

xriantvc

xriantvc2#

在下面的示例代码中,尖括号用于填充要搜索的实际关键字以及要从中搜索的路径。

find <project-directory> \( -iname \*.css -o -iname \*.html -o -iname \*.htm \) -exec grep -F -i <keywords> {} +

在这里,我对find使用了-iname选项,对grep使用了-i选项,以请求不区分大小写的搜索;-F选项用于关闭正则表达式搜索,因为不同的程序通常具有不同的正则表达式语法,grep支持2种不同的正则表达式语法,基本语法不指定任何大写标志,扩展语法使用-E标志(而不是-F)。

相关问题