hackatime/docs/editors/vs-code.md
Mahad Kalam 8d00418059
Spring cleaning (#1074)
* fix: use owner/repo format for project badges

Updates badge URLs to use GitHub-style owner/repo format (e.g., "hackclub/hackatime")
instead of project names. This ensures compatibility with external badge services that
expect repository paths.

Changes:
- Add Repository#full_path method to get owner/repo format
- Update settings controller to pass both display names and repo paths
- Update Badges component to display project names but use repo paths in URLs

* fix: improve user lookup in API v1 stats endpoint

Use the robust lookup_user method for username parameter in the /api/v1/stats endpoint
to ensure consistent user lookup across all API endpoints. This properly handles Slack
UIDs (HCA IDs), numeric user IDs, and usernames in the correct priority order.

* fix: reduce clutter on new user homepage

Simplify the new user experience by:
- Removing redundant "Hello friend" text from setup notice (header already provides context)
- Hiding GitHub link banner when setup notice is shown to focus user on primary action

This reduces visual clutter and helps new users focus on completing setup first.

* fix: enable full app layout for new OAuth application page

Remove layout=false directive that was preventing the app header and navigation
from appearing on the new OAuth application creation page.

* fix: add antigravity editor to docs

Add documentation for Antigravity, a VSCode fork from Google with built-in AI
features. Includes setup instructions for tracking time with Hackatime using the
WakaTime extension.

* fix: improve stat card subtitle positioning

Remove absolute positioning from subtitle text to allow it to flow naturally after
the main value. This prevents the subtitle from being pushed to the bottom when
other cards have longer content.

* fix: align settings action buttons to card end on larger screens

Remove width constraint from footer to allow action buttons to align to the right
edge of the full card width instead of being constrained to a narrower container.

* fix: improve heartbeat importer visibility on light themes

Update import provider cards and radio buttons to have better contrast on light themes:
- Use bg-surface-100 instead of bg-darker for better card visibility
- Increase radio button border thickness and use darker border color
- Add hover and focus states for better interactivity

* Split up settings controller + perf + goal display

* Make stat card subtitles larger

* Fix AG + VS Code

* Remove Shiba refs

* Bundle update
2026-03-15 15:26:32 +00:00

1.4 KiB

How to Track Time in VS Code

VS Code

Automatic Setup

  1. Configure your editor by using our simple installer
  2. Restart VS Code and start coding!

Let's set up VS Code to count how much time you spend coding!

Step 1: Make a Hackatime Account

Go to Hackatime and make an account. Then log in.

Step 2: Get Your Settings Ready

Click this link to the setup page. It will set up your device so it works with Hackatime.

Step 3: Add the Plugin to VS Code

  1. Open VS Code
  2. Click the squares icon on the left (Extensions)
  3. Type "WakaTime" in the search box
  4. Click the Install button next to WakaTime
  5. VS Code might ask you to reload your extensions to get it working - click Reload Extensions if it does

That's it! The plugin will use your settings from Step 2.

If Something Goes Wrong

Can't see your time? Go back to the setup page and try again.

Plugin not working? Close VS Code and open it again.

Still having trouble? Ask for help in Hack Club Slack - look for the #hackatime-help channel.

What Happens Next

Start coding! Your time will show up on your Hackatime page in a few minutes.