前言
在前端开发中，代码的统计和分析是非常重要的。本文介绍一款常用的npm包cloc，它能够帮助我们快速有效地统计代码行数等信息。
cloc 简介
cloc（Count Lines of Code）是一个免费开放源代码的软件，它能够统计各种编程语言的代码行数、注释行数、空行数等。cloc使用Perl语言编写，支持多种操作系统，包括Linux、macOS和Windows等。
cloc对于开发者而言，是非常有用的工具，尤其是对于团队合作和开源项目管理来说。它可以方便地统计代码行数，进而更好地了解代码的质量和规模，从而更好地组织代码和维护代码。
安装 cloc
通过npm命令安装cloc：
npm install -g cloc
安装完成后，通过cloc命令即可使用cloc。
使用 cloc
下面介绍cloc的常规使用方法。
基本使用
在终端中输入以下命令，即可统计项目中的代码行数：
cloc [path]
其中，[path]指定项目路径，若不指定，则默认当前路径。
例如，统计当前路径下的所有代码行数：
cloc
特殊用法
cloc支持多种参数和命令选项，下面介绍一些常用的用法。
统计指定语言
cloc支持多种编程语言的统计，可以通过-l或--include-lang指定要统计的语言：
cloc -l javascript [path]
排除指定语言
如果需要排除一些语言的统计，可以使用–exclude-lang：
cloc --exclude-lang=Makefile [path]
结果不包含注释
默认情况下，cloc会包含注释、空行等行数。可以使用–exclude-comment来排除注释：
cloc --exclude-comment [path]
结果不包含空行
空行也是代码质量的一个衡量指标。如果不需要包含空行的统计，可以使用–giti-ignore或–exclude-dir：
cloc --giti-ignore [path]
输出结果到文件
cloc支持将统计结果输出到文件，方便其他工具对其进行后续处理。可以使用–csv选项将结果输出到csv文件：
cloc --csv --out=report.csv [path]
输出结果示例：
files,language,"blank","comment","code","total" 4,JavaScript,38,82,380,500
生成统计图表
通过cloc命令生成的统计结果并不具有直观性，不利于进行展示和分析。可以使用图表工具对统计结果进行可视化处理。
CLOC生成的csv文件可以导入图表工具，如Microsoft Excel、Google Sheets、Tableau等，生成统计图表。
下面使用Google Sheets为例，演示如何生成代码行数统计图表。
第一步，将cloc生成的结果文件（csv格式）导入Google Sheets中。
第二部，选中所有数据，点击插入图表，可以选择生成哪种类型的图表。
例如，可以生成一个饼图，表示不同语言的代码占比。
上图中，JavaScript占比最大，占总代码的76.00%。
总结
cloc是一个免费开源的代码行数统计工具，可以方便地统计代码行数、注释行数、空行数等。使用cloc能帮助我们更好地了解代码质量和规模，方便后续的代码维护和管理，是前端开发中常用的工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61475