怎么来衡量一个web端项目的大小,一是看页面多少,二是看源代码行数。页面多少比较好统计,通过 Router 的配置大概就能知道。但是源代码行数,如果要一个文件一个文件去计算,那就费了劲了。有问题有需求,就会有人造轮子。本文就介绍一下 代码统计工具cloc的安装与使用。
一、安装cloc
前提是 node 和 npm 命令都正常可用
- 全局安装cloc
1 | npm i -g cloc |
二、使用cloc
进入项目执行:
1 | 统计当前目录所有文件 |
输出:
1 | E:\dev\msw-tools>cloc src |
结果说明:
- Language:是当前项目下包含的文件类型,如,Svelte、SCSS、JavaScript、CSS、SVG、TypeScript。
- files:总文件数为 14
- blank:总空行数为 151
- comment:总注释行数为 61
- code:总代码行数为 1167
三、使用问题
cloc 工具依赖 Perl 语言环境,如果在环境变量中找不到 perl ,在执行 cloc src
命令时会出现报错:'perl' is not recognized as an internal or external command, operable program or batch file.
这时就需要安装 Perl 环境,并配置到环境变量中。
3.1- Perl下载安装
下载地址:
- 官网地址:https://strawberryperl.com/
- 百度云盘:链接:https://pan.baidu.com/s/1_Q6KvbzUssNtvZbDYiHuqg ,提取码:0qz4
3.2- perl命令检查
安装成功后,可在命令行中执行 perl -v
,如果输出如下内容,说明 perl 环境安装成功。
1 | E:\dev\msw-tools>perl -v |
- PS:cloc 工具不仅仅可以统计前端项目的代码,统计 C、C++、Java、Python、PHP 等语言的代码也是可以的,只是 cloc 依赖前端的 node 环境,对前端开发者比较友好。
欢迎访问:天问博客
本文作者: Tiven
发布时间: 2022-10-28
最后更新: 2023-03-02
本文标题: 前端代码统计工具cloc的安装与使用
本文链接: https://www.tiven.cn/p/15f88707/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2022-10-28
最后更新: 2023-03-02
本文标题: 前端代码统计工具cloc的安装与使用
本文链接: https://www.tiven.cn/p/15f88707/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!