DEV Community

Cover image for Boost Productivity & Quality: Essential VS Code Extensions

Boost Productivity & Quality: Essential VS Code Extensions

Saloni Agrawal on April 15, 2024

Visual Studio Code is a highly popular and user-friendly code editor currently available in the market. If you’re focusing on frontend development ...
Collapse
 
rencidenuwang profile image
Gracy c

Found the list interesting! It's great to hear that you're already using many of these tools and that you appreciate typo-fixing tools like cspell

The Auto Save VS Code Setting can indeed be a game-changer for productivity. Thanks for sharing your this tips!

Collapse
 
coredump profile image
Alexandre Nepomniachtchi

Thanks a lot for that list.
Not so long ago, I decided to clean up all the extensions and just restart those that I use. Unfortunately, I did not find an opportunity to attach this list as a file and therefore I will simply copy it here. I will not give a description, all information is available from links on the market place. I'm pretty sure you're already using a lot of from the list, but suddenly it comes be handy! ;)
Sincerely Alex.

These extensions can be used for different languages.

  1. Code Runner v0.12.02 (last update: 30/07/2022, 03:30:35) Run code snippet or code file for multiple languages: C, C++, Java, Python etc. (see desc. on site)
  2. Git Graph v1.30.0 (last update: 05/04/2021, 05:44:22)
  3. Better Comments v3.0.2 (last update: 30/07/2022, 03:30:35)
  4. Tabnine: (last update: 14/04/2024, 19:02:24) It is Free. I use it as Copilot replacement.
  5. Bookmarks v13.5.0 (last update: 03/04/2024, 12:40:14)
  6. Markdown All in One v3.6.2 (last update: 15/01/2024, 14:17:39) Note: VS Code has basic Markdown support out-of-the-box (e.g, Markdown preview), please see the official documentation for more information.
  7. Path Intellisense v2.8.5 (last update: 07/10/2023, 21:04:04)
  8. Diff v2.1.2 (last update: 30/03/2024, 17:39:18). Diff 2 opened files with ease. Because running code --diff path1 path2 is too slow.
  9. Doxygen Documentation Generator v1.4.0 (last update: 25/02/2022, 12:04:01)
  10. Live Share v21.0.5918 (last update: 05/03/2024, 21:21:09) 11.VSCode-Icons v12.7.0 (last update: 14/01/2024, 18:14:49).Useless but funny ;)
  11. Docker v1.2.9 (last update: 13/02/2024, 16:42:40)
Collapse
 
jangelodev profile image
João Angelo

Hi Saloni Agrawal,
Your tips are very useful.
Thanks for sharing.

Collapse
 
ricardogesteves profile image
Ricardo Esteves

Cool, thanks for sharing it!

Collapse
 
ccoveille profile image
Christophe Colombier

Interesting list. I'm using a lot of these tools

Thanks for promoting cspell I love typos fixing tools.

I will take good note of Auto Save VS Code Setting that's indeed very interesting

Collapse
 
_ndeyefatoudiop profile image
Ndeye Fatou Diop

Great list !

I would just add File Utils for quick file edits

Collapse
 
saloniagrawal profile image
Saloni Agrawal

Thanks, will definitely try this one out.

Collapse
 
milkymaru profile image
junyiwang • Edited

Waka time sounds amazing, i will give a try~I’ve also tried out some other AI coding tools like Codeium and MarsCode. They’re great for helping with code comments and code reviews~

Collapse
 
marcelomsc profile image
Marcelo

Great extensions

Collapse
 
michaeltharrington profile image
Michael Tharrington

Woot! Nice helpful list of extensions. Thank ya so much!

Collapse
 
archie_lc profile image
Archie • Edited

Very much tempted to try Gitlens and Jest (if I reconcile my situation with javascript)
I use and would also recommend

1) VSCode Great Icons ( Visually unclutters the files section )
2) Codeium or TabNine (free Copilot alts)
3) Docker (just because . )

Collapse
 
mrdgh2821 profile image
Mihir Rabade

I haven't used Change case extension, but check out Transform to ... command in command pallet.
It has the same thing built into VSCode

Collapse
 
saloniagrawal profile image
Saloni Agrawal

Thanks for your suggestion, will definitely try this out.

Collapse
 
thatanjan profile image
Anjan Shomodder

CSS Converter can be very useful. but sadly haven't found similar extension for neovim

Collapse
 
yusuke050 profile image
Lin Fan-Chiang

Thank you for introducing these extensions, they're really helpful.

Collapse
 
isaacschubert profile image
Isaac Schubert

GODDAMIT why am I only hearing about auto save now?

Plus tag closer/updater ... These are literally my LEAST favorite part of coding

Collapse
 
saloniagrawal profile image
Saloni Agrawal

Glad these suggestions were helpful!!

Collapse
 
alkons profile image
Alkons

Thanks for sharing. I have been using a lot of these but found a couple of interesting extensions to try out.

Collapse
 
podcastlaunch profile image
Podcast Launch Strategy

Good tools

Collapse
 
keeran_raaj profile image
Raj Kiran Chaudhary

Amazing! Thank you for sharing

Collapse
 
corysus profile image
Almir

Thank you for the list, but many of these extensions are now available as native features within VSCode itself.

Collapse
 
manumaan profile image
Manu Muraleedharan

I need an extension that can automatically fix yamls and jsons

Collapse
 
harsh_rana_4e687279e670f6 profile image
Harsh Rana

I’m having trouble undertaking the prettier can you help?