如何在VSCode中一键统计整个项目的总代码行数
Tokei是统计项目代码行数最准最快工具,自动识别语言、剔除注释与空行、遵守.gitignore;安装后运行tokei即可获精确code/comment/blank分项统计。

免费影视、动漫、音乐、游戏、小说资源长期稳定更新! 👉 点此立即查看 👈
用 tokei 命令行工具最准也最快
想在VSCode里统计整个项目的代码行数?你会发现自带的计数器只对单个文件有效。这时候,就得请出外部工具了。而在众多选择中,tokei 凭借其轻量和精准,几乎成了不二之选。它能自动识别编程语言、聪明地跳过注释和空行、严格遵守 .gitignore 规则,而且完全不需要你事先配置任何项目文件。
安装之后,用法简单到极致:直接在项目根目录下运行命令就行。
tokei
如果还没安装,各平台都很方便:macOS 用 brew install tokei,Windows 用 choco install tokei,Linux 用户则可以通过 cargo install tokei 来获取。
- 默认输出会清晰列出代码行(
code)、注释行(comment)和空白行(blank),我们通常最关注的就是code这一列。 - 加上
--output json参数,可以直接导出结构化的结果,方便后续用脚本做进一步处理。 - 最省心的是,它会自动读取项目的
.gitignore文件,像node_modules这类目录根本无需你手动排除。
VSCode 内一键触发:配个自定义任务
是不是觉得每次都要切换到终端有点麻烦?完全可以在VSCode内部绑定一个快捷键,一键运行 tokei。秘诀就在于利用VSCode的自定义任务功能。
操作起来也不复杂:在项目根目录下,创建或编辑 .vscode/tasks.json 文件,然后把下面的配置填进去。
{
"version": "2.0.0",
"tasks": [
{
"label": "count lines",
"type": "shell",
"command": "tokei",
"group": "build",
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "shared",
"showReuseMessage": true,
"clear": true
}
}
]
}
- 保存后,按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac),调出命令面板,输入Tasks: Run Task然后选择count lines任务即可。 - 想绑定到专属快捷键?打开键盘快捷方式设置(
Ctrl+K Ctrl+S),搜索类似workbench.action.terminal.runActiveFile的动作进行绑定。但要注意,为了可靠控制,最好绑定到workbench.action.terminal.runSelectedText或通过扩展自定义命令。 - 这里有个关键点:任务类型务必设为
"shell"。如果错用"process"类型,它可能无法正确识别shell别名或管道命令,导致tokei调用失败。
别信插件:CodeMetrics 和 Project Statistics 都不准
看到这里,你可能会想:VSCode插件商店里不是有现成的统计插件吗?何必这么麻烦。但经验表明,这条路往往不准。像常见的 CodeMetrics 或 Project Statistics 这类插件,其原理大多是递归读取文件并进行简单计数。
问题恰恰出在这里:它们通常不会自动剔除依赖目录(如 vendor),无法区分注释行和空行,也不遵守 .gitignore 规则。举个例子,CodeMetrics 会把 node_modules 里成千上万的 .js 文件全部计入,仅仅一次 npm install 就可能导致你的项目“代码行数”虚增几十万行,这显然失去了统计意义。
Project Statistics插件默认会统计所有扩展名的文件。即便你的项目主要是Python,它也会把.log、.md甚至.zip文件都扫一遍。- 对于混合语言文件(例如
.vue文件中的和区块),这些插件缺乏识别能力,经常把模板语法也误判为Ja vaScript代码。 - 此外,它们普遍没有增量缓存机制,每次点击统计都会重新遍历整个项目目录树,在大型项目上会造成明显的卡顿。
要精确统计某类文件?用 tokei 加过滤参数
实际开发中,我们常常需要更精细的统计。比如,只想看 src/ 目录下TypeScript业务代码的行数,要排除测试文件和类型声明文件。这种需求,靠插件的简单勾选很难实现,但 tokei 的原生过滤功能可以轻松搞定。
举个例子,只统计 src/ 目录下的 .ts 和 .tsx 文件,同时跳过 test/ 和 types/ 目录,可以这样写:
tokei src --exclude test --exclude types --languages TypeScript
- 注意,
--exclude参数后面跟的是路径前缀,而不是glob模式。直接写--exclude test比写--exclude src/test更稳妥,因为tokei默认从当前目录开始扫描。 --languages参数对大小写敏感,必须写成TypeScript,写成typescript或ts是无效的。- 如果想排除所有的
.d.ts声明文件怎么办?由于它们也属于TypeScript语言范畴,无法通过语言类型单独过滤。可行的办法是通过路径排除,例如--exclude types。
话说回来,真正棘手的往往是那些隐形的依赖结构。比如在monorepo项目中,包含多个 packages/xxx 子目录,tokei 并不会自动识别Lerna或pnpm的工作区配置。这时候就需要手动列出所有需要统计的路径,或者写一个shell循环来遍历,否则很容易漏算一半的代码,这一点特别容易被忽略。
游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。
同类文章
VSCode如何使用Extension API_VSCode Extension API使用总结
VSCode Extension API 使用总结:避开那些“坑你没商量”的细节 开发VSCode扩展,API文档看似清晰,但真到动手时,总会遇到一些“诡异”的问题:命令明明注册了却搜不到,监听的事件死活不触发,调试时一切正常,发布后用户却反馈崩溃。其实,很多问题都出在几个关键的生命周期和配置细节上
保障代码纯洁:通过Composer Exclude Files剔除无关测试数据
保障代码纯洁:通过Composer Exclude Files剔除无关测试数据 先说一个核心事实:Composer本身并没有提供一种配置选项,能让你在composer install或composer update之后,直接阻止某些文件(比如测试数据、fixtures、 env example等)被
VSCode如何设置中文语言界面_VSCode中文语言界面设置详解
必须安装 Microsoft 官方中文语言包并正确配置 locale json 文件,否则界面无法完全中文化;第三方汉化插件无效且可能导致乱码或崩溃。 是不是以为装完语言包,界面就自动变中文了?其实不然。如果 locale 配置没写对或者根本没生效,你可能会遇到一个“半中半英”的尴尬局面:菜单可能是
Composer如何管理多个依赖包_Composer依赖包批量管理技巧【详解】
Composer如何管理多个依赖包:批量操作的核心逻辑与避坑指南 Composer无批量管理原子命令,所有操作本质是修改composer json后执行update install;require仅支持单包,多包需多次调用或--no-update后统一更新;update后跟包名可安全批量更新;rem
Composer提示composer.lock文件版本过旧_执行update刷新锁定【同步技巧】
Composer提示composer lock文件版本过旧?先别急着update! 遇到Composer提示你的composer lock文件“过时”了?先停一下,别条件反射地敲入composer update。这个操作看似能解决问题,实则可能埋下隐患。 结论:不要盲目运行 composer upd
- 日榜
- 周榜
- 月榜
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
相关攻略
2015-03-10 11:25
2015-03-10 11:05
2021-08-04 13:30
2015-03-10 11:22
2015-03-10 12:39
2022-05-16 18:57
2025-05-23 13:43
2025-05-23 14:01
热门教程
- 游戏攻略
- 安卓教程
- 苹果教程
- 电脑教程
热门话题

