DEV Community

FlowKit
FlowKit

Posted on

20 Free VS Code Extensions You've Never Heard Of

Most VS Code extension lists recommend the same 10 tools. Here are 20 you probably haven't seen - all free, all under 5KB, all zero tracking.

Code Quality

1. Todo Highlights

Color-code TODO, FIXME, NOTE, and HACK comments with distinct colors.

2. Error Lens Lite

Shows errors and warnings inline at the end of each line. No config needed.

3. Bracket Scope Labels

See what each closing } belongs to at a glance.

Debugging

4. Console Ninja

Insert console.log with Cmd+Shift+L. Remove all console.logs with Cmd+Shift+K.

5. Regex Tester

Type a regex pattern, see all matches highlighted in your file.

6. Log Highlighter

Color-codes ERROR (red), WARN (orange), INFO (blue) in .log files.

Git & Editing

7. Git Blame Inline

Lightweight blame annotations on every line.

8. Auto Rename Tag

Edit opening HTML tag -> closing tag updates automatically.

9. JSON Sorter

Sort JSON keys alphabetically with one command.

10. CSS Variable Preview

See var(--color-primary) resolved as an actual color swatch.

Visual & Productivity

11-20

Color Preview, Indent Rainbow, Copy Filename, File Size, Line Count, Env Switcher, Import Size, Lorem Generator, Snippet Vault, Markdown Preview Plus.

Download All 20

Every extension is free as a .vsix download:

👉 GitHub Releases

Install: Cmd+Shift+P -> Install from VSIX -> select file.


Also check out 66 free browser extensions for Chrome, Firefox, Edge, Opera.

Top comments (0)