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

相关推荐
光影少年8 分钟前
vue3.0性能提升主要通过那几方面体现的?
前端·vue.js
小磊哥er20 分钟前
【前端工程化】前端开发中的这些设计规范你知道吗
前端
江城开朗的豌豆21 分钟前
路由守卫:你的Vue路由‘保安’,全局把关还是局部盯梢?
前端·javascript·vue.js
Jinxiansen021129 分钟前
Vue 3 响应式核心源码详解(基于 @vue/reactivity)
前端·javascript·vue.js
OEC小胖胖5 小时前
去中心化身份:2025年Web3身份验证系统开发实践
前端·web3·去中心化·区块链
vvilkim6 小时前
Electron 进程间通信(IPC)深度优化指南
前端·javascript·electron
ai小鬼头8 小时前
百度秒搭发布:无代码编程如何让普通人轻松打造AI应用?
前端·后端·github
漂流瓶jz8 小时前
清除浮动/避开margin折叠:前端CSS中BFC的特点与限制
前端·css·面试
前端 贾公子8 小时前
在移动端使用 Tailwind CSS (uniapp)
前端·uni-app
散步去海边8 小时前
Cursor 进阶使用教程
前端·ai编程·cursor