本文介绍了 3 种统计项目代码的方式，分别为 Cloc 库、VSCode 代码统计插件 —— VS Code Counter、IDEA 代码统计插件 —— Statistic。
一、 使用 Cloc 统计代码行数
Cloc (opens new window)是一款使用 Perl 语言开发的开源代码统计工具，支持多平台使用、多语言识别，能够计算指定目标文件或文件夹中的文件数（files）、空白行数（blank）、注释行数（comment）和代码行数（code）。
1.1、安装 cloc
Windows 系统可前往下载 exe 安装程序 (opens new window)。Mac 系统可使用 Homwbrew 安装。
# Mac 系统安装
$ brew install cloc
1.2、执行命令
# Vue 工程代码统计
$ cloc ./ --exclude-dir=node_modules
1.3、 常用命令:
-
cloc ./统计当前文件夹代码量 -
cloc ./ --exclude-dir=目录名统计排除当前目录下的某个文件夹的代码量，多个文件使用,分隔 -
cloc -by-file 文件后缀名统计特定文件的代码量
输出参考：
cloc ./ --exclude-dir=node_modules
70 text files.
70 unique files.
9 files ignored.
github.com/AlDanial/cloc v 1.86 T=0.13 s (482.5 files/s, 47444.8 lines/s)
-------------------------------------------------------------------------------
Language files blank comment code
-------------------------------------------------------------------------------
Vuejs Component 22 408 269 3371
JavaScript 24 185 209 1067
Sass 10 88 34 299
SVG 3 0 0 64
JSON 1 0 0 41
Markdown 1 11 0 29
HTML 1 3 1 18
-------------------------------------------------------------------------------
SUM: 62 695 513 4889
-------------------------------------------------------------------------------
二、VSCode 代码统计插件 —— VS Code Counter
VS Code Counter 是一款轻量、清新的代码统计插件，他可以统计详细的代码信息；
2.1、安装插件
搜索并安装 VS Code Counter 插件。
image
2.2、使用
在需要统计的目录上点击右键，选择【Count lines in directory】菜单；
image
执行成功将会在项目目录下生成一个统计目录，其中包含多种格式的统计数据。
image
另外，使用命令操作，还支持其他方式的代码统计。
image
三、IDEA 代码统计插件 —— Statistic
在 IDEA 编辑器中，我们可以使用 Statistic (opens new window)统计项目信息，该插件可以按扩展名、大小、行数位置等排序方式统计项目文件。
3.1 安装插件
打开 IDEA 的设置面板，在 Plugins 插件市场搜索 Statistic 并安装。
image
3.2 展示统计信息
插件安装完成后，在 IDEA 的底部停靠栏会多出一个 Statistic 选项卡。
image
点击该选项卡，并点击左上角的刷新按钮，即可统计出详细信息。
image
3.3 配置排除的目录
点击 Statistic 选项卡顶部的 Settings 按钮，在配置面板可以配置需要排除统计的目录。
image
