DEV Community

Cover image for 20 Must-Have VS Code Extensions for 2024 🔥
Ali Samir
Ali Samir

Posted on

20 Must-Have VS Code Extensions for 2024 🔥

In the ever-evolving landscape of software development, having the right tools at your disposal can make all the difference.

Visual Studio Code (VS Code) has established itself as one of the most powerful and versatile code editors, beloved by developers worldwide for its customizability and rich feature set.

As we step into 2024, the extension ecosystem for VS Code continues to expand, offering tools that enhance productivity, streamline workflows, and support a wide range of programming languages and frameworks.

In this article, we present the 20 must-have VS Code extensions that every developer should consider adding to their toolkit this year.

Whether you're a seasoned professional or just starting out, these extensions will help you code smarter, faster, and with greater ease.

1. Markdown Preview Enhanced

Markdown Preview Enhanced

Extension link:

2. Code Runner

Run C, C++, Java, JS, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, CMD, BASH, F#, C#, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml, R, AppleScript, Elixir, VB.NET, Clojure, Haxe, Obj-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Pascal, Haskell, Nim,

Code Runner

Extension link:

3. Git History

View git log, and file history, compare branches or commits

Extension link:

4. REST Client

REST Client for Visual Studio Code

Extension link:

5. Code Spell Checker

Spelling checker for source code

Code Spell Checker

Extension link:

6. Git Lens

Supercharge Git within VS Code — Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more

Git Lens

Extension link:


Mark lines and jump to them


Extension link:

8. Multiple Cursor Case Preserve

Preserves case when editing with multiple cursors

Multiple Cursor Case Preserve

Extension link:

9. Prettier

Code formatter using prettier

Extension link:

10. Quokka

JavaScript and TypeScript playground in your editor.


Extension link:

11. Live Server

Launch a development local Server with a live reload feature for static & dynamic pages

Live Server

Extension link:

12. Console Ninja

JavaScript console.log output and runtime errors right next to your code.

Extension link:

13. RegEx Snippets

Easily Insert Popular Regex Codes Without Memorising Anything!

Extension link:

14. GitHub Copilot

Your AI pair programmer

Extension link:

15. ChatGPT VSCode Plugin

A ChatGPT integration build using ChatGPT & 9 beers

ChatGPT VSCode Plugin

Extension link:

16. Polacode

Polaroid for your code

Extension link:

17. Codeium

The modern coding superpower: free AI code acceleration plugin for your favorite languages. Type less. Code more. Ship faster.

Extension link:

18. Document This

Automatically generates detailed JSDoc comments in TypeScript and JavaScript files.

Extension link:

19. Peacock

Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which.

Extension link:

20. Postman

Streamline API development and testing with the power of Postman, directly in your favorite IDE.

Extension link:

Happy Coding! 🔥

X (Twitter)

Top comments (0)