VS Code extensions for web development in 2022

#1

Post by scottc » Tue, Jan 18, 2022, 5:18 AM UTC

VS Code extensions for web development in 2022
creativedesignsguru.com

Re: VS Code extensions for web development in 2022

#2

Post by scottc » Tue, Jan 18, 2022, 5:20 AM UTC

In addition to this list, for those doing node monorepos in 2022, the extensions that I think you must use are:

  - Github copilot - like autocomplete on steroids.
  - peacock - change the workspace color - helps reduce mental load when working on different projects.
  - tag autorename - this should be built into vscode, saves a bunch of keystrokes
  - snippets - this is a category of extension. Find whichever snippet lib is out there for your stack.

Re: VS Code extensions for web development in 2022

#3

Post by caitlinface » Tue, Jan 18, 2022, 5:48 AM UTC

scottc wrote: post #2

In addition to this list, for those doing node monorepos in 2022, the extensions that I think you must use are: - Github copilot - like autocomplete on steroids. - peacock - change the workspace color - helps reduce mental load when working on different projects. - tag autorename - this should be built into vscode, saves a bunch of keystrokes - snippets - this is a category of extension. Find whichever snippet lib is…

> peacock - change the workspace color

I was looking for this exact thing the other day. Thanks for the tip!

Re: VS Code extensions for web development in 2022

#4

Post by hn_throwaway_99 » Tue, Jan 18, 2022, 6:08 AM UTC

This is a great list, thanks for this. Many of these I use, but glad to see REST client, which I didn't know about. Have been looking for a replacement for Postman since they went off the "enterprise" deep end. I mean, I basically want a slightly better UI for curl, not 60 levels of "project management" features to make an HTTP call.

Re: VS Code extensions for web development in 2022

#5

Post by deanc » Tue, Jan 18, 2022, 6:08 AM UTC

One of these at least is a native feature of vscode now (rainbow brackets) so I’d consider this post to be of low quality. If you ran even half of these last it’d really slow vscode down too.

Re: VS Code extensions for web development in 2022

#6

Post by Jemaclus » Tue, Jan 18, 2022, 6:12 AM UTC

hn_throwaway_99 wrote: post #4

This is a great list, thanks for this. Many of these I use, but glad to see REST client, which I didn't know about. Have been looking for a replacement for Postman since they went off the "enterprise" deep end. I mean, I basically want a slightly better UI for curl, not 60 levels of "project management" features to make an HTTP call.

If you want a Postman replacement, I recommend Insomnia. There's a free app! And it can import Postman collections, so you aren't totally starting from scratch.

https://insomnia.rest/

Re: VS Code extensions for web development in 2022

#7

Post by thunderbong » Tue, Jan 18, 2022, 6:12 AM UTC

hn_throwaway_99 wrote: post #4

This is a great list, thanks for this. Many of these I use, but glad to see REST client, which I didn't know about. Have been looking for a replacement for Postman since they went off the "enterprise" deep end. I mean, I basically want a slightly better UI for curl, not 60 levels of "project management" features to make an HTTP call.

For REST calls, I find Thunder Client way better.

I find that I can almost replace Postman completely with this.

https://marketplace.visualstudio.com/items?itemName=rangav.v...

Re: VS Code extensions for web development in 2022

#8

Post by onion2k » Tue, Jan 18, 2022, 6:23 AM UTC

One of my most used VSCode extensions at the moment is "Fix JSON". It fixes problems in JSON by running the broken JSON through jsonic. If you ever need to take a JS object dump (from an error stack trace, or a Redux state dump, etc) and turn it in to well formatted JSON it's very useful.

Re: VS Code extensions for web development in 2022

#9

Post by dotancohen » Tue, Jan 18, 2022, 6:36 AM UTC

hn_throwaway_99 wrote: post #4

This is a great list, thanks for this. Many of these I use, but glad to see REST client, which I didn't know about. Have been looking for a replacement for Postman since they went off the "enterprise" deep end. I mean, I basically want a slightly better UI for curl, not 60 levels of "project management" features to make an HTTP call.

We're in a VS Code thread, but the Jetbrains REST client (Part of e.g. Webstorm) is absolutely terrific. You can easily cut and paste from requests or responses just as in a text editor - because that is what it is.

As a VIM user (IdeaVIM in the Jetbrains editors), this is even easier, because text editing (as opposed to writing) is where VIM shines.

Re: VS Code extensions for web development in 2022

#10

Post by adamredwoods » Tue, Jan 18, 2022, 6:41 AM UTC

caitlinface wrote: post #3

scottc wrote: post #2

In addition to this list, for those doing node monorepos in 2022, the extensions that I think you must use are: - Github copilot - like autocomplete on steroids. - peacock - change the workspace color - helps reduce mental load when working on different projects. - tag autorename - this should be built into vscode, saves a bunch of keystrokes - snippets - this is a category of extension. Find whichever snippet lib is…

> peacock - change the workspace color I was looking for this exact thing the other day. Thanks for the tip!

Although that plugin seems trivial, for me, when working with multiple code repos, it really does help to organize thoughts quickly. I get multiple interruptions daily and being able to quickly bounce between repos, using visual cues, helps alleviate context interruptions.