如何在一个文件夹(包含多个 css 文件)中查找重复的 CSS 代码?

问题描述 投票:0回答:2

我正在寻找一种解决方案,以从文件夹中的不同 css 文件中删除重复的 css。我找到了以下解决方案,但这适用于单个 css 文件。

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

  1. 转到扩展选项卡(Ctrl + Shift + X)。
  2. 搜索“DupChecker”并安装它。
  3. 转到 CSS 文件。输入 (Ctrl + Shift + P) 并搜索 使用“使用正则表达式匹配检查重复项”并选择它。 4.粘贴这个 正则表达式 ^。 [\w-\s.>:,[]*=]+{ 然后按 Enter。*

在我们的案例中,有多个 css 文件(在名为“New_Theme”的项目中),其中包含相同的 css 属性,例如:

h1{
color:#3B4045
}

有像 diffchecker 这样的在线工具,但是对于超过 10 个以上的文件,要找到重复的行并不容易。任何建议

css code-duplication
2个回答
0
投票

如果你只是想要一个工具来查找大量文件/文件夹中的重复项,atom 和 VS code 有适合你的解决方案,它称为全局搜索并且我不确定 atom,但是在 vs code 上你可以按

Ctrl + Shift + F
并搜索在您打开的文件夹中全局标记


0
投票

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

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

在这里,我为

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

© www.soinside.com 2019 - 2024. All rights reserved.