推荐一款统计代码行数的 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": "-->",      
          }
      }
   ]
}
相关推荐
晚秋大魔王12 小时前
C# 添加图标
c#·visual studio code
长安第一美人4 天前
Qt中2个.app源文件之间函数与变量的互相调用
开发语言·c++·嵌入式硬件·qt·visual studio code
问白4 天前
前端包管理器的发展以及Npm、Yarn和Pnpm对比
前端·前端工程化·前端包管理工具
问白5 天前
Webpack相关优化总结
前端·webpack·前端工程化
一梦南柯7 天前
开发新体验:基于Ollama+deepseek打造私有化代码助手
人工智能·visual studio code·deepseek
敲敲敲敲暴你脑袋8 天前
vue3中ref响应式变量为什么script中要用.value,而template模板中不需?
javascript·vue.js·visual studio code
红虾程序员11 天前
CSS盒子模型详解
前端·pycharm·intellij-idea·css3·html5·visual studio code
天机️灵韵12 天前
Continue 与 CodeGPT 插件 的对比分析
ide·visualstudio·intellij-idea·visual studio code
Lorcian15 天前
web前端12--表单和表格
前端·css·笔记·html5·visual studio code
Lorcian21 天前
web前端11--伪类与过渡
前端·css·笔记·html5·visual studio code