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

相关推荐
小年糕是糕手1 天前
【35天从0开始备战蓝桥杯 -- Day6】
开发语言·前端·网络·数据库·c++·蓝桥杯
console.log('npc')1 天前
2026前端进阶学习路线
前端·学习
每天都要进步哦1 天前
React入门和快速上手
前端·vue.js·react.js·react
wuhen_n1 天前
组件测试策略:测试 Props、事件和插槽
前端·javascript·vue.js
Jiude1 天前
Skill + MCP + Linear 自动化工作流:让 AI 包揽变更日志工作
前端·架构·cursor
zhensherlock1 天前
Protocol Launcher 系列:Pika 取色器的协议控制(上篇)
前端·javascript·macos·typescript·github·mac·view design
蚂蚁家的砖1 天前
基于 Vue 3 + Cesium 的 DJI 无人机航线规划系统技术实践
前端·无人机
inksci1 天前
推荐动态群聊二维码制作工具
前端·javascript·微信小程序
wuhen_n1 天前
Vue3 单元测试实战:从组合式函数到组件
前端·javascript·vue.js
郑州光合科技余经理1 天前
海外O2O系统源码剖析:多语言、多货币架构设计与二次开发实践
java·开发语言·前端·小程序·系统架构·uni-app·php