什么是 @atomist/sdm-pack-sloc
@atomist/sdm-pack-sloc 是一款用于统计代码行数的 npm 包，它可以自动分析项目中的代码，并显示出代码的行数统计结果。这个包可以非常方便地使用，只需要在项目中安装后，在命令行中输入相应的指令即可看到统计结果。
如何使用 @atomist/sdm-pack-sloc
在项目中使用 @atomist/sdm-pack-sloc 非常简单，只需要使用以下命令进行安装即可：
npm i @atomist/sdm-pack-sloc --save-dev
在安装完成后，我们可以在项目的 package.json 中添加如下 script：
"scripts": {
"sloc": "atomist sloc"
}这样我们在命令行中输入 npm run sloc，即可看到代码行数统计结果。
理解代码行数统计结果
当我们成功使用 @atomist/sdm-pack-sloc 进行代码行数统计后，会得到如下的结果：
-- -------------------- ---- ------- --------------------- ------- --------------------- - ----------- -- ----- ---- ----- - ---- - ----- -- ----- - ----- - ----- --- ----- - --------- - ----- -- ----- - ----- - ----- --- ----- - ----- - ----- -- ----- - -------- ------ -- ----- ---- ----- -------------------------------------------------------------------------------- - ----- ----------- - -------------------------------------------------------------------------------- - -------- ----- ----- ------- ---- ------- - - - ----------------- -------- -------- -------- -------- --------- - - ---------- -- ---- ---- ---- ----- - - - ---- - - - --- ---- - - - -------- - - - -- ---- - - - --- - -- - -- ----- - - - ---- - - - -- ---- - - - ---- - -- - --- ---- - - - ----------------- -------- -------- -------- -------- --------- - - ----- --- ---- ---- ---- ----- - - --------------------------------------------------------------------------------
从结果可以看出，统计结果按照语言进行了分类，如 TypeScript、CSS、HTML、JSON 等。每种语言的结果都显示了相应的文件数、空白行数、注释行数和代码行数。在每种语言的最后，还有一个 comment %，表示注释所占的百分比。
此外，统计结果底部还会汇总各种语言的结果，并计算出项目总代码量和注释量。
示例代码
以下是一个使用 @atomist/sdm-pack-sloc 的示例项目：
// index.ts
console.log('Hello, world!');
// style.css
body {
color: red;
}执行 npm run sloc 后，会得到如下的统计结果：
-- -------------------- ---- ------- --------------------- ------- --------------------- - ----------- - ----- - ----- - ---- - ----- - ----- -------------------------------------------------------------------------------- - ----- ----------- - -------------------------------------------------------------------------------- - -------- ----- ----- ------- ---- ------- - - - ----------------- -------- -------- -------- -------- --------- - - ---------- - - - - ---- - - - --- - - - - ---- - - - ----------------- -------- -------- -------- -------- --------- - - ----- - - - - ---- - - --------------------------------------------------------------------------------
从上面的结果可以看出，该示例项目中包含了一个 TypeScript 文件和一个 CSS 文件，代码行数分别为 1 行和 2 行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/atomist-sdm-pack-sloc