DEV Community

Cover image for Become a VS Code Ninja with these Extensions and Tools [2020]

Become a VS Code Ninja with these Extensions and Tools [2020]

Vikrant Negi on June 26, 2020

VS Code is undoubtedly the best editor out there especially when it comes to writing javascript. It is fast, feature rich and has huge pool of exte...
Collapse
 
robsonsobral profile image
Robson Sobral • Edited

Here we go...

  • Calculate, to make in code arithmetic calculations
  • Code Time to keep track of the time spent in every workspace / project
  • Editor Config to make all developers in project to respect IDE configuration rules
  • Faker to generate fake data
  • File Utils to move, rename, duplicate or delete files in a better way
  • GitLens
Collapse
 
vikrantnegi profile image
Vikrant Negi

I'll definitely check these out. thanks

Collapse
 
robertotonino profile image
Roberto Tonino

Is it just me or the Bracket Pair Colorizer extension heavily impacts editor performance? I’m talking about files with at least 4000 LOC, and obviously about using it with other extensions, like GitLens, that depend on the written code

Collapse
 
vikrantnegi profile image
Vikrant Negi

I never came across such issue. Not sure if others have the same issue or not.

Collapse
 
j_crestel profile image
Jérémy Crestel

There is a v2 for Bracket Pair Colorizer that uses the same bracket parsing engine as VSCode, greatly increasing speed and accuracy.

Thread Thread
 
vikrantnegi profile image
Vikrant Negi

this is great news. I'm installing new version.

Thread Thread
 
robertotonino profile image
Roberto Tonino

@j_crestel yeah already know that, I was talking about that version (but I didn't mention it, I'm sorry)

Collapse
 
robertobutti profile image
Roberto B.

Great post! thank you for sharing!
I used to work with GitHub Actions (based on YAML file) and I would suggest also a YAML extension: dev.to/robertobutti/vscode-how-to-...

Collapse
 
vikrantnegi profile image
Vikrant Negi • Edited

nice to know that about it. Thanks for sharing.

Collapse
 
gingerbreadfork profile image
Gingerbreadfork

Thanks for the post, Bracket Pair Colorizer turned out very useful for a problem I was having yesterday which resulted in a lot more attention to detail than will be required now.

Collapse
 
worcel profile image
Eitan Worcel

Nice list, thanks for sharing.
As security is usually not top mind for most, we've recently contributed this plugin hclsw.co/CodeSweep to the VSCode community, aiming to make it easy for developers to secure their applications. I'll be interested to hear your thoughts.

Collapse
 
vikrantnegi profile image
Vikrant Negi

ok i'll check it out as well. thanks

Collapse
 
aronjohnson profile image
Aron Johnson

Thanks! Bracket Pair Colorizer should be super handy when I'm working with JSON files.

I'll echo what some others have already mentioned. GitLens and the YAML extension by RedHat are both great.

Collapse
 
iarmankhan profile image
Arman Khan

Great post! Didn't know about some of it. Will checkout

Collapse
 
vikrantnegi profile image
Vikrant Negi

great.

Collapse
 
mnabeelp profile image
Mohammed Nabeel

Cool. Thanks for valuable info.

Collapse
 
fiqrisr profile image
Fiqri Syah Redha

Nice! I've installed almost all of them.

Collapse
 
vikrantnegi profile image
Vikrant Negi

great.

Collapse
 
kasenda profile image
Tresor

Thnks for this article

Collapse
 
vikrantnegi profile image
Vikrant Negi

thanks

Collapse
 
chanaeva profile image
Chana Reynolds

This is a great list! I’m excited to try a few out.
Have you heard of the LiveShare plugin for pair coding? It’s pretty dope. ☺️

Collapse
 
vikrantnegi profile image
Vikrant Negi

Yeah, I'm aware of the plugin but I've never used it. But it good for people who do pair coding. Thanks for sharing.

Collapse
 
ankurk91 profile image
Ankur K

Or purchase JetBrains WebStorm :)

Collapse
 
maskedman99 profile image
Rohit Prasad

Thanks for Import Cost.

Collapse
 
ilterkavlak profile image
ilterkavlak • Edited

It also worth to mention the thundra plugin where you can remotely debug your AWS lambda function docs.thundra.io/ide-integrations/v.... This looks also really cool

Collapse
 
keshriabhi profile image
Abhishek keshri

That was amazing!

Collapse
 
vikrantnegi profile image
Vikrant Negi

thanks bro.