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

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

0xbanana profile image 🍌🍌🍌 ・2 min read

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! πŸ’›πŸ¦„πŸ”–

Posted on by:

0xbanana profile

🍌🍌🍌

@0xbanana

Hacker - @SpyglassSec & @data_drifter | Admin @hackingjobs @crypto_defense. 1st Gen πŸ‡©πŸ‡΄πŸ‡ΊπŸ‡Έ | Proud Dad | #fullstack #reactjs #dev | he/him

Discussion

pic
Editor guide
 

Ah, cool, thanks for the summary! Have you checked out this one> marketplace.visualstudio.com/items...
πŸ‘†πŸ» Helps you identify and prioritise tech debt, we just released it 😁Let me know what you think!

 

I’ll check it out! Thanks!

 

Huh, that's really cool! Installing now.

 

Rest client, Browser preview and surround πŸ’ͺ