Visual Studio Code Extensions to Improve Your Productivity

Ecommerce Empire Academy

Learn about 10 helpful VS Code extensions. These VSCode extensions could make you more productive as a developer.

✏️ Raman Hundal developed this video.

⭐️ Course Contents ⭐️
⌨️ (00:00) Intro
⌨️ (00:24) GitLens

⌨️ (04:35) LiveShare

⌨️ (08:01) Pieces

⌨️ (14:36) Better Comments

⌨️ (17:53) Turbo Console Log

⌨️ (21:05) Code Runner

⌨️ (22:52) Import Cost

⌨️ (24:27) Prettier

⌨️ (27:36) ESLint

⌨️ (33:26) Docker

⌨️ (38:57) Conclusion

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

Learn to code for free and get a developer job:

Read hundreds of articles on programming:

And subscribe for new videos on technology every day:

35 thoughts on “Visual Studio Code Extensions to Improve Your Productivity”

  1. Let me introduce my VSCode extension “Blockman”. It is a visual helper, it highlights entire nested code blocks.

    1. Code Apprentice AI

      Blockman is so good, I have been using it for more than 6 months. Thanks so much man.

  2. Ratnadeep Saha

    Sir, can you please provide a spring-boot, rest api and micro service course 🙏 please

  3. I was exactly waiting for this video, as I am very new to Vscode. Just started three months ago and haven’t used much other than for running/compiling C/C++

  4. Esteban gonzalez

    Buenos extenciones yo tenía algunas pero no sabía exacto para que servía aora ya se gracias por ti contenido hermano saludos

    1. Christopher Lowery

      Just to throw a few out there that I like and/or use:

      – Alignment (I use “Align to first char” ALL the time)
      – Error Lens (can actually be a bit annoying, but it really does make warnings and errors stand out a lot more)
      – Output Colorizer (makes it way easier to read the output)
      – Partial Diff (don’t use this that much, but it’s useful being able to diff parts of the same file sometimes)
      – Peacock (actually never used it, though with the number of VSCode instances I’ve had open lately, I think I’m going to start…basically lets you change the color of VSCode by window/workspace so you can easily tell them apart at a glance)
      – PowerShell (because of course)
      – Project Manager (I don’t really set up hardly any projects in it, I just configure the git portion and point it at the root folders where I keep my repos, then I can easily open different projects just by clicking on them)
      – Rainbow CSV (“syntax” highlighting for CSV files, makes it so you can more easily follow the (still text) contents without having to load them into Excel)
      – Search Editor: Apply Changes (because I have no idea why they put in the search editor and let you make changes in it but give you no way to apply the changes…this gives you a way to do that)
      – Transformer (I actually keep forgetting I have it so I don’t use it much, but it does a bunch of text transform tricks that can be really useful)
      – Unicode code point of current character (the number of times some weird non-standard character slipped into a document and screwed something up…this makes it easier to examine if the character you see is actually the character you think it is)

    2. Avinash Thakur

      “Todo Tree” -> Add “TODO”, “FIXME”, kind of comments and check them all at once in side panel
      “Bookmarks” -> Bookmark code lines and add description.

  5. Some useful extensions I wasn’t aware of. I’ll add them to my dev environment. Thanks! Some of my favorites are Auto Import, JSON Viewer, Thunder Client (for API testing), Rainbow CSV, Settings Sync (Synchronize VSCode settings), and Bookmarks.

  6. It’s good to see some actual unknown extensions. I am tired of seeing live-server and prettier in videos like these.

  7. Mohammed Mesum Hussain

    Why is Linux heavily excluded from all of them. Literally a quarter of the developers use Linux for development. It’s only stupid to ignore this big chunk of the coder population.

  8. I was skeptical of yet another VSCode extension video, but a few of these were new to me! Thank you!

  9. Thank you for this wonderful video. There were a few things I did not know, made my job easier and better.

  10. You can also run code without highlighting in code runner extension by just right click and run code

  11. Ufuk Deniz Demirbilek

    thanks for the video!
    Any ideas on what to do when eslint and prettier has different opinions on what the code looks like? 🙂

  12. Alan Robertson

    Good use of chapters! I didn’t understand what Code Runner did vs just running the code directly though?

  13. Álvaro Díez Martínez

    Awesome! I particularly know some of the extensions but I admit that others are really interesting to try. thanks!

  14. 04:35 Must the other person have Visual Studio Code installed or will the interaction you had with Liam happen if the other has an Gmail account?

Comments are closed.