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
 
xingzuophoenix 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
 
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
 
ricardogesteves profile image
Ricardo Esteves •

Cool, thanks for sharing it!

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
 
marcelomsc profile image
Marcelo •

Great extensions

Collapse
 
michaeltharrington profile image
Michael Tharrington •

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

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
 
dunggramer profile image
Nguyễn Công Dũng •

Hurry Delete and VS Aligner saved me a lot of time

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
 
shakirbakare profile image
Shakir Bakare •

Great post, Saloni. Million thanks!

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
 
keeran_raaj profile image
Raj Kiran Chaudhary •

Amazing! Thank you for sharing

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
 
nelson_adagi_b42278aa73d3 profile image
Nelson Adagi •

Thank you !! this is very helpful

Collapse
 
podcastlaunch profile image
Podcast Launch Strategy •

Good tools

Collapse
 
manumaan profile image
Manu Muraleedharan •

I need an extension that can automatically fix yamls and jsons

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
 
harsh_rana_4e687279e670f6 profile image
Harsh Rana •

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