【tips】vscode查看代码重复率jscpd

目的:sonar校验代码重复率,想看下哪些是重复率(虽然最后发现sonarqube页面上,标识为灰色的就是,,,,不需要这个,但是记录下咋用的吧。。。。)

  1. 项目根目录增加一个jscpd.json
{
  "threshold": 3,    
  "reporters": ["html", "console"],
  "ignore": [
    "**/node_modules/**",
    "**/dist/**",
    "**/*.test.js"
  ],
  "formats": ["javascript", "typescript"], 
  "minLines": 3,           
  "minTokens": 30       
}
  1. 可以全局或者项目
    npm install -g jscpd

  2. 查看src文件夹下的代码,终端会展示
    jscpd ./src
    在这里插入图片描述
    或者更具体的文件夹
    jscpd ./src/vehicle在这里插入图片描述
    更具体的文件…vue
    在这里插入图片描述
    比对两个文件 jscpd a.vue b.vue
    在这里插入图片描述

  3. 生成html,根据之前配置的jscpd.json.
    jscpd . --config jscpd.json --reporters html
    文件目录会多出来reports文件夹在这里插入图片描述

可以右键html文件打开,
在这里插入图片描述
或者终端命令行打卡
start report\html\index.html

在这里插入图片描述

但vscode其实也有这个Duplicated code 插件(有两个),感觉没用上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值