10 Must-Have VS Code Extensions for 2024 🔥
JavaScript | TypeScript | React.js | Angular | Next.js | Vue.js | Analog | HTML | CSS | SASS | Tailwind CSS | Bootstrap | Webpack | Vite | Rollup | Babel | HTMX | Inertia.js | RxJS | GraphQL | REST APIs | Node.js | Express.js | NestJS | Three.js | Docker
1. Markdown Preview Enhanced¶
Extension link: https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced
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,
Extension link: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
3. Git History¶
View git log, and file history, compare branches or commits
Extension link: https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
4. REST Client¶
REST Client for Visual Studio Code
Extension link: https://marketplace.visualstudio.com/items?itemName=humao.rest-client
5. Code Spell Checker¶
Spelling checker for source code
Extension link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker
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
Extension link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
7. Bookmarks¶
Mark lines and jump to them
Extension link: https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks
8. Multiple Cursor Case Preserve¶
Preserves case when editing with multiple cursors
Extension link: https://marketplace.visualstudio.com/items?itemName=Cardinal90.multi-cursor-case-preserve
9. Prettier¶
Code formatter using prettier
Extension link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
10. Live Server¶
Launch a development local Server with a live reload feature for static & dynamic pages
Extension link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Happy Coding! 🔥
JavaScript | TypeScript | React.js | Angular | Next.js | Vue.js | Analog | HTML | CSS | SASS | Tailwind CSS | Bootstrap | Webpack | Vite | Rollup | Babel | HTMX | Inertia.js | RxJS | GraphQL | REST APIs | Node.js | Express.js | NestJS | Three.js | Docker
Front-end Advocate | Meta Certified React JS Developer | Tech lead | Speaker | Book Author| React.js | Next.js | Angular | TS | DevOps | People management
More from Kristiyan Velkov and Kristiyan Velkov¶
Recommended from Medium¶
[
See more recommendations
](https://medium.com/?source=post_page---read_next_recirc--99a47e1ac9c1---------------------------------------)