DEV Community

Cover image for πŸš€6 Must Have VSCode Extensions πŸ”₯ β€” 2020 list!
🍌🍌🍌
🍌🍌🍌

Posted on

πŸš€6 Must Have VSCode Extensions πŸ”₯ β€” 2020 list!

There are tens of thousands of extensions in the Visual Studio Marketplace. Some good, some bad, and when you’re adding untrusted 3rd party code to your development workflow, less is more.

I’ve spent countless hours the last few weeks scouring the internet for the most interesting and useful Visual Studio Code extensions to maximize our time spent developing!

Live Server
Launch a local development server within vscode with live reload feature for static & dynamic web pages. No need to switch between external terminals or applications to launch a quick development server. Less context switching to manage infrastructure gives us more mental focus for what matters, code!

Browser Preview
A real browser inside vscode that you can debug! Keep that focus within your development environment! Load up a real chrome tab in vscode instead of having to switch to another application. Don’t lose focus on your code!

Instant Markdown
Simply, edit markdown documents in vscode and instantly preview it in a browser, extra points if you combine it with Browser Preview. Great for DEV.to posts! Edit, save, and hot reload!

Paste JSON as Code
This is one of the coolest extensions I’ve come across, it will interactively generate types and (de-)serialization code from JSON. No more need to copy, paste and reformat backend and frontend objects anymore. This takes care of the heavy lifting for us.

REST Client
REST Client allows you to send HTTP request and view the response in vscode directly. Send/Cancel/Rerun HTTP requests in editor and view response in a separate pane with syntax highlighting.

Surround
A simple extension to add wrapper templates around your code blocks. Easily add conditionals, error handling, or any custom code block that fits what you need. Surround is a powerful tool that will definitely speed up your development process.


If you enjoyed this post let me know! πŸ’›πŸ¦„πŸ”–

Top comments (4)

Collapse
 
0xbanana profile image
🍌🍌🍌

I’ll check it out! Thanks!

Collapse
 
wingysam profile image
Wingysam

Huh, that's really cool! Installing now.

Collapse
 
lek890 profile image
Lekshmi Chandra

Rest client, Browser preview and surround πŸ’ͺ