VSCode安装Wakatime记录 编程习惯VSCode周报生成工具

星晨同学_5915

星晨同学_5915

2026-05-01

647人浏览

原创

wakatime不生成vscode周报,仅上传心跳数据;dashboard的「this week」由服务端按utc聚合,项目名需.git或.wakatime-project文件确保准确,导出周报须手动处理json或用cli格式化输出。

vscode安装wakatime记录 编程习惯vscode周报生成工具

Wakatime 本身不生成「VSCode 周报」,它只上传原始心跳数据到服务器;你看到的所有图表、语言分布、项目时长,都来自 wakatime.com 后端计算——本地 VSCode 插件不存历史、不聚合、不导出 PDF/Markdown。所谓“周报”,必须手动从 Dashboard 导出,或用 API 拉取后自行组装。

为什么 VSCode 状态栏显示时间,但 Dashboard 没周报?

这是最常被误解的点:VSCode 只负责采集和上传单次心跳(file、time、project、language),不保存也不汇总。Dashboard 上的「This Week」是服务端按 UTC 时间窗聚合的结果,和你本地时区、VSCode 是否开着无关。

  • 你周一 9:00 编辑 main.py 2 分钟 → 上传一条心跳
  • 周二 14:30 切换到 index.tsx 并敲了 5 秒 → 再传一条
  • 这些离散记录只有到 wakatime.com 后,才被归入「上周一 00:00–本周日 23:59」UTC 时间窗,并算出总时长、Top Projects

如果你刚装插件不到 24 小时,Dashboard 就不可能有「上周」数据——它没历史可聚。

如何让周报里项目名准确,不全是 “Unknown Project”

WakaTime 默认靠 Git 仓库根目录名推断项目,不是靠 VSCode 工作区或文件夹名。没 .git 或路径不对,就 fallback 到 Unknown Project,导致周报里所有时间堆成一团,无法拆分。

  • 确认每个项目根目录下存在 .git(运行 git rev-parse --show-toplevel 验证)
  • 如果开的是子目录(如 /monorepo/packages/frontend),但 .git 在 /monorepo,WakaTime 会把整个 monorepo 当一个项目——此时应在 /monorepo/packages/frontend 下新建 .wakatime-project 文件,内容仅一行:frontend
  • 避免在项目路径中含空格或中文,某些旧版 wakatime-cli 会解析失败

改完后必须关闭所有 VSCode 窗口再重开,否则新 .wakatime-project 不生效。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

怎么导出可读的周报(PDF / Markdown / CSV)

Dashboard 页面右上角有 Export 按钮,但它只导出原始 JSON(含每条心跳的 timestamp、entity、type 等字段),不是人能直接读的“周报”。要生成可读内容,得自己处理:

  • 点击 Export → 选 JSON → 下载到本地
  • 用 Python 快速转 Markdown 示例:
    import json
    with open('wakatime.json') as f:
        data = json.load(f)
    week_total = sum(h['duration'] for h in data['data'])
    print(f'## 编程周报({data["start"]} – {data["end"]})\n- 总时长:{week_total//3600}h {(week_total%3600)//60}m')
  • 更省事:用官方 CLI 工具执行 wakatime-cli --today 或 --last-week,它会直接打印格式化文本(需先配置好 ~/.wakatime.cfg)

注意:wakatime-cli --last-week 输出的是服务端已聚合好的结果,和 Dashboard 显示一致,不是本地缓存。

为什么 TypeScript 总被记成 JavaScript,拉低周报语言准确性

旧版 wakatime-cli(.ts 和 .tsx 映射到 JavaScript,导致周报里「JavaScript」虚高、「TypeScript」为 0——这不是 VSCode 插件问题,是 CLI 的语言映射表没更新。

  • 终端运行 wakatime-cli --version,确认 ≥ v1.65.0
  • 编辑 ~/.wakatime.cfg,在 [settings] 下添加:
    [languages]
    typescript = ts,tsx
    javascript = js,javascript
  • 重启 VSCode,新开一个 .ts 文件编辑 10 秒以上,等 2 分钟后刷新 Dashboard 的「Languages」页,确认 TypeScript 单独出现

这个配置必须写对位置、不能有拼写错误(比如写成 typescripts 或漏掉 [languages] 段落),否则 CLI 启动时静默忽略,周报继续不准。

相关文章

编程速学教程(入门课程)
编程速学教程(入门课程)

编程怎么学习?编程怎么入门?编程在哪学?编程怎么学才快?不用担心,这里为大家提供了编程速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode vscode安装

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1395

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

2932

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1989

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1727

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2607

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1838

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1262

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1116

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

494

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程