前端使用jscpd查项目重复率

Onlyᝰ2025-12-14 8:37

1、安装jscpd

javascript 复制代码

	
npm install -g jscpd

2、配置jscpd，项目根目录添加.jscpd.json，内容如下

javascript 复制代码

{
  "threshold": 0,
  "reporters": ["html", "console", "badge"],
  "ignore": ["**/__snapshots__/**"],
  "absolute": true
}

3、运行jscpd

javascript 复制代码

jscpd .

4、一般使用脚手架项目代码都写在src目录下，所以直接检测src即可

javascript 复制代码

jscpd src/

5、最终结果

对应图中的字段内容：

Clone found (javascript)：显示找到的重复代码块，这里是javascript文件。并且会显示重复代码在文件中具体的行数，便于查找。

Format：文件格式，这里是 javascript，还可以是 scss、markup 等。

Files analyzed：已分析的文件数量，统计被检测中的文件数量。

Total lines：所有文件的总行数。

Total tokens：所有的token数量，一行代码一般包含几个到几十个不等的token数量。

Clones found：找到的重复块数量。

Duplicated lines：重复的代码行数和占比。

Duplicated tokens：重复的token数量和占比。

Detection time：检测耗时