前端代码统计工具之cloc介绍

目录

一、安装

[二 使用命令cloc + path:](#二 使用命令cloc + path:)


使用cloc工具可以很好的统计出前端的代码量,经过亲身实践真的很棒。

一、安装

安装命令

复制代码
pnpm add cloc -g

二 使用命令cloc + path:

复制代码
cloc ./

如果报错: perl 不是内部或外部命令的问题, 则需要安装perl http://strawberryperl.com

cloc是用 perl 编写的,该包公开的二进制文件是cloc perl 脚本。您必须在计算机上安装 perl 才能使该二进制文件正常工作。

安装成功后,再次执行 cloc ./

如果是前端项目, 记得忽略node_modules文件夹:

复制代码
cloc --exclude-dir=node_modules .

执行结果:

由于前端代码的大部分都是在src目录底下,因此在src目录底下执行cloc ./ 也行

相关推荐
朱昆鹏33 分钟前
开源 Claude Code + Codex + 面板 的未来vibecoding平台
前端·后端·github
lyrieek37 分钟前
pgadmin的导出图实现,还在搞先美容后拍照再恢复?
前端
永远是我的最爱43 分钟前
基于.NET的小小便利店前台收银系统
前端·sqlserver·.net·visual studio
从文处安43 分钟前
「九九八十一难」第一难:前端数据mock指南(TS + VUE)
前端
Zhencode1 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd1 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客1 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080162 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星2 小时前
javascript之数组
java·前端·javascript
晚霞的不甘2 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架