前端代码统计工具之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 ./ 也行

相关推荐
wordbaby18 分钟前
如何封装一个生产级的 React Native 分页列表 Hook
前端·react native·react.js
小帅不太帅23 分钟前
我做了两个工具,一个 7MB 的壳,一个会记住的壳
前端·app·产品
不瘦80斤不改名39 分钟前
HTML基础(一)
开发语言·前端·html
UXbot42 分钟前
AI画原型工具如何帮非设计师快速生成UI界面
前端·vue.js·ui·kotlin·swift·原型模式·web app
前端若水44 分钟前
原生嵌套(Nesting):以后还写 SCSS 吗?
前端·css·scss
兄弟加油,别颓废了。1 小时前
系统全功能详细操作手册,从启动到测试
前端·chrome
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_32:(AbstractRange 抽象接口与 DOM 范围操作)
前端·javascript·ui·html·音视频
十子木1 小时前
设置把所有终端移动到最前端的快捷键
前端
陈老老老板1 小时前
Bright Data Web Scraping 实战:用 MCP + Dify 构建 eBay 商品详情采集 AI 工作流(2026)
前端·人工智能
一渊之隔1 小时前
uniapp蓝牙搜索连接展示蓝牙设备包含信号显示
前端·网络·uni-app·bluetooth