20 Must-Have VS Code Extensions to Boost Your Productivity

1. Read novels and comics: any-reader

Core Feature: Read novels and documents in VS Code, supporting TXT/EPUB, chapter navigation, and font adjustment.

Use Case: Use fragmented time to read technical docs or light novels without switching apps.

Hidden Tip: Custom shortcut for page turning and reading timer reminders.

2. Secretly read novels in the status bar: Thief-Book

Core Feature: Displays novel in the status bar with reading progress.

Use Case: Same as above – read during short breaks.

Hidden Tip: Supports shortcut key for page turning.

3. Stock, fund, futures tracker: 韭菜盒子

Core Feature: Real‑time data for funds, stocks (A‑share, HK, US), and futures with status‑bar info.

Details: Auto‑refresh during market hours, pause on holidays, sortable tables, fund trend charts, rankings, portfolio cost tracking, and profit calculation.

Note: Investment carries risk; trade cautiously.

4. NES game plugin: 小霸王

Core Feature: Manage local and remote NES game resources, add, download, and launch games within VS Code.

Warning: Not recommended for playing at work.

5. JSON visual tree: JSON Crack

Core Feature: Convert JSON data into an interactive collapsible tree diagram with search.

Use Case: Analyze complex JSON structures (e.g., API responses) and quickly locate data hierarchy.

Advantage: More intuitive than raw JSON formatting, handles large JSON files.

6. Workspace color theming: Peacock

Core Feature: Assign unique color themes to different workspaces (title bar, activity bar) for quick visual distinction.

Use Case: Identify current project (e.g., red for production, green for testing) when multiple windows are open.

Customization: Auto‑switch colors per project, adjust saturation and brightness.

7. Coding time tracker: Time Master

Core Feature: Automatically records coding time and file modifications, generating daily/weekly reports.

Use Case: Track project development time, understand coding habits, evaluate task effort.

Feature: Real‑time display in status bar, local data storage for privacy.

8. Generate folder tree: file-tree-generator

Core Feature: One‑click generation of project folder structure as text, with customizable ignore patterns and formats.

Use Case: Quickly insert directory trees into READMEs or documentation.

Tip: Right‑click a folder → “Generate File Tree”, configure output via settings.

9. Quick project switcher: Project Manager

Core Feature: Save and switch between multiple projects, tag‑categorize, and search without opening file explorers.

Use Case: Reduce context‑switch cost when working on several projects simultaneously.

Special Feature: Import projects from Git repos or local folders, configure launch commands.

10. Local file history: Local History

Core Feature: Automatically creates local version history for files, allowing diff, restore, and recovery of deleted content.

Use Case: Prevent accidental loss, track changes, recover overwritten code.

Advantage: Works without Git, retains history for 90 days by default.

11. File and function header generator: koroFileHeader

Core Feature: Auto‑generates file header comments (author, date, description) and function comments with customizable templates.

Use Case: Enforce consistent annotation standards across teams.

Advanced: Define language‑specific templates; trigger with Ctrl+Alt+i to insert function comments.

12. Paste JSON as Code

Core Feature: Converts copied JSON into type definitions or classes for over 20 languages (TypeScript, Go, C#, Python, etc.).

Use Case: Quickly generate API response types without manual typing.

Tip: Paste JSON, run “Paste JSON as Code”, select language and variable name to generate code.

13. Highlight nested code blocks: Blockman

Core Feature: Adds colored borders to nested code blocks (functions, loops, conditionals) for visual hierarchy.

Use Case: Easier navigation of complex code during debugging.

Feature: Customizable border styles, opacity, and colors; works with most themes.

14. SVG preview and editor: SVG Preview

Core Feature: Real‑time SVG preview with inline editing of SVG code.

Use Case: Frontend developers handling SVG icons, paths, and optimizations.

Feature: Zoom, copy SVG code, supports most SVG specifications.

15. Programmer cheerleader: Rainbow Fart

Core Feature: Plays encouraging voice clips when specific keywords (e.g., function, if) are typed.

Use Case: Boost morale during solo coding, team sessions, or learning.

Advanced: Custom voice packs, keyword rules, volume/frequency settings, multi‑language support.

16. Naming style transformer: Name Transform

Core Feature: One‑click conversion between camelCase, PascalCase, snake_case, kebab-case, etc.

Use Case: Standardize naming across codebases, adapt to third‑party API conventions, batch refactor.

Advanced: Batch conversion, custom mapping tables, shortcut Alt+Shift+T.

17. Code spell checker: Code Spell Checker

Core Feature: Real‑time spell checking for words in code, comments, and strings with suggestions.

Use Case: Prevent bugs from misspelled identifiers, improve readability, aid non‑native English speakers.

Advanced: Custom dictionaries, multi‑language support, batch fixes, CI/CD integration.

18. Auto rename tag

Core Feature: Synchronizes start and end tags in HTML, XML, JSX, Vue, etc., when one is edited.

Use Case: Avoid mismatched tags during front‑end development.

Advanced: Custom language support, delay configuration, ignore self‑closing tags.

19. Quick debug printing: Console Helper

Core Feature: Generates formatted debug print statements (e.g., console.log()) with variable names and context.

Use Case: Fast insertion of logs for front‑end, back‑end, or Python debugging.

Advanced: Custom templates (timestamp, file, line), bulk comment/uncomment, remove redundant logs; supports multiple languages.

20. Rainbow brackets

Core Feature: Colors nested brackets (parentheses, square, curly) for better code readability.

Use Case: Identify matching brackets in deeply nested structures like JSON or complex functions.

Customization: Theme colors, file type exclusions, bracket style options.