如何计算项目中JS，CSS，LESS，HTML文件的代码行总数？

Question

I am looking for a way to count the total number of line of code for my front-end project.

At the moment I am using the gulp-sloc

gulp.task('sloc', function () {
    gulp.src(folders)
      .pipe(sloc());
});

But the CSS code is not included in the count.

• Do I miss some special configuration?
• Do you know any other similar plugin?

Answer 1

Perhaps you are using source control? In case that source control is Git, you can count the amount of code in the repo like this – no extra tools required.

For a more detailed breakdown, cloc may be helpful – have a look at this answer then. cloc doesn't depend on Git, or any other type of source control.

Answer 2

在Windows OS中，还有一个gui工具http://www.locmetrics.com/ ，您可以使用它来计算代码行（LOC），代码空行（BLOC），代码注释行（CLOC）。