推荐一款统计代码行数的 VSCode 插件

本文编写于2023年12月26日,首发于我的个人博客:blog.zhuzhilong.cn/software/vs...

基本介绍

在撰写软著文档或做项目结项时我们一般都需要统计工程的代码行数,如果逐个文件进行统计的话,不仅费时费力,还不一定能得到准确的数据,所以我就在做这工作的时候找了下相关的工具,发现 VSCode 有一款好用的插件:Lines of Code(LOC)

该插件当前的介绍信息见截图:

基本使用

安装后,可使用 Ctrl+Shift+P 打开 命令面板 ,然后输入 LineCount,显示如下选项:

相关选项对应的是:

  • LineCount:Count Workspace files:统计当前工作区所有文件的代码行数
  • LineCount:Count current file:统计当前文件的代码行数

选择 LineCount:Count Workspace files 后,系统将进行相关统计操作,统计完后会在当前工程的out目录生成 linecounter.txt 和 linecounter.json 文件,其中 linecounter.txt 文件内容如下:

txt 复制代码
===============================================================================
EXTENSION NAME : linecounter
EXTENSION VERSION : 0.2.7
-------------------------------------------------------------------------------
count time : 2023-12-27 09:21:44
count workspace : d:\GitRoot\SE\console\console-ui
total files : 563
total code lines : 72734
total comment lines : 3925
total blank lines : 3554

    statistics
   |      extension|     total code|  total comment|    total blank|percent|
   -------------------------------------------------------------------------
   |      .devIstio|             44|              2|              7|  0.060|
   |         .stage|             34|              0|              0|  0.047|
   |    .production|             41|              0|              0|  0.056|
   |               |            193|             74|             42|   0.27|
   |   .development|             36|              0|              0|  0.049|
   |            .js|          13156|           1998|            752|     18|
   |          .html|           2347|              6|            333|    3.2|
   |            .md|           1660|            243|            419|    2.3|
   |           .svg|           1743|              0|            107|    2.4|
   |          .json|           3403|              7|              5|    4.7|
   |          .yaml|           4153|             17|            626|    5.7|
   |           .stg|              9|              2|              5|  0.012|
   |          .blsc|             10|              2|              7|  0.014|
   |          .conf|            103|              5|             27|   0.14|
   |           .key|             30|              0|              0|  0.041|
   |           .yml|             71|              0|              4|  0.098|
   |           .crt|             28|              0|              0|  0.038|
   |          .scss|           1778|             83|            312|    2.4|
   |           .vue|          43126|           1467|            715|     59|
   |           .css|            769|             19|            193|    1.1|
   -------------------------------------------------------------------------
.browserslistrc, code is 3, comment is 0, blank is 0.
.editorconfig, code is 9, comment is 0, blank is 1.
.env, code is 19, comment is 0, blank is 0.
.env.blsc.development, code is 20, comment is 0, blank is 0.
.env.blsc.devIstio, code is 20, comment is 0, blank is 0.
.env.blsc.production, code is 23, comment is 0, blank is 0.
.env.blsc.stage, code is 21, comment is 0, blank is 0.
.env.development, code is 16, comment is 0, blank is 0.
.env.devIstio, code is 14, comment is 0, blank is 0.
.env.production, code is 18, comment is 0, blank is 0.
.env.stage, code is 13, comment is 0, blank is 0.
.eslintignore, code is 1, comment is 4, blank is 0.
.eslintrc.js, code is 196, comment is 129, blank is 0.
.gitignore, code is 20, comment is 0, blank is 2.
.prettierrc, code is 6, comment is 0, blank is 0.
admin.html, code is 21, comment is 2, blank is 0.
cspell.json, code is 96, comment is 7, blank is 2.
default.conf, code is 14, comment is 0, blank is 2.
... 统计的文件列表
src\views\userCenter\modals\WarningCcLimitModal.vue, code is 218, comment is 5, blank is 1.
vite.config.js, code is 183, comment is 30, blank is 5.
===============================================================================

从上面的信息不难看出当前工程内的文件总数及总代码行数, 包括注释行数及空行数。其中该插件有不少配置信息可以在统计前根据实际情况进行文件排除等场景,可通过File → Preferences → Settings 打开配置界面,找到Extensions → LineCount configuration 进行界面化配置:

也可以打开VSCode 的配置文件(settings.json)进行配置,该插件相关的配置信息示例数据如下:

json 复制代码
{
    "LineCount.showStatusBarItem": true,
    "LineCount.statistics": true,
    "LineCount.includes": [     
      "**/*" 
    ],    
    "LineCount.excludes": [ 
         "**/.vscode/**",
        "**/node_modules/**"
    ],
    "LineCount.output": {
        "txt": true,       
        "json": true, 
        "csv": true, 
        "md": true,       
        "outdir":"out"      
    },
    "LineCount.sort": "filename",
    "LineCount.order": "asc",
    "LineCount.comment":[
      {
          "ext": ["c","cpp","java"], 
          "separator": {             
              "linecomment": "//",   
              "linetol":false,       
              "blockstart": "/*",    
              "blockend": "*/",      
              "blocktol": false,     
              "string":{
                  "doublequotes": true,
                  "singlequotes": true
              }                                
          }
      },
      {
          "ext": ["html"], 
          "separator": {             
              "blockstart": "<!--",    
              "blockend": "-->",      
          }
      }
   ]
}
相关推荐
JohnYan16 小时前
工作笔记 - VSCode ssh远程开发
javascript·ssh·visual studio code
井柏然17 小时前
从 Monorepo 重温 ESM 的模块化机制
前端·javascript·前端工程化
漂流瓶jz1 天前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
Keepreal4963 天前
实现一个简单的hello world vs-code插件
前端·javascript·visual studio code
鹏多多5 天前
今天你就是VS Code之神!15个隐藏技巧让代码效率翻倍
前端·程序员·visual studio code
littleboyck5 天前
VSCode 全自动调试Vue/React项目
前端·visual studio code
简小瑞7 天前
VSCode源码解密:Event<T> - 类型安全的事件系统
前端·设计模式·visual studio code
秋邱7 天前
从零上手 Rokid JSAR:打造专属 AR 桌面交互式 3D魔方,开启空间开发之旅
visual studio code
银安7 天前
自动化构建的支线任务
前端·前端工程化
三十_8 天前
前端发版自动化实战:打包时自动更新版本号并展示 commitId
前端·前端工程化