DEV Community

VS Code Setup to Improve Productivity

Chiamaka Ikeanyi on February 14, 2019

Code editors have evolved over the years. A few years ago, there was no Visual Studio Code (VS Code). You were probably using Sublime, Atom, Bracke...
Read full post
Collapse
 
aditya81070 profile image
Aditya Agarwal •

You can increase your productivity using some more extensions like: -

  1. Bracket match colorizer -> it will color different bracket with a different color so you can identify easily.
  2. auto rename tag -> this will help you a lot if you change one tag and forget to change ending tag.
  3. prop-types -> it will autocomplete the react component props
Collapse
 
jonesrussell profile image
Russell Jones •

Nice write-up! There's a few extensions I haven't heard of and will check out.

Here's a few extensions I dig:

  • Auto Comment Blocks
  • Auto Rename Tag
  • Babel JavaScript
  • Beautify
  • DotENV
  • Git Project Manager
  • One Dark Pro (theme)
  • Prettier
  • REST Client
  • Sass
  • Settings Sync
  • ...and many more!
Collapse
 
chiamakaikeanyi profile image
Chiamaka Ikeanyi •

Thanks for the feedback, Russell. I'll explore extensions on your list

Collapse
 
rattanakchea profile image
Rattanak Chea •

Nice article. I would add Color Bracket Pair to the list.

Collapse
 
the24thds profile image
David Sima •

Excellent selection of extension!

I also use Turbo Console Log, Better Comments, Indented Rainbow, Rainbow Brackets and some themes 😄

Collapse
 
umair profile image
Muhammad Umair •

Nice write-up. I don't think you need Auto Import extension VS Code shipped with this feature 🎉

Collapse
 
chiamakaikeanyi profile image
Chiamaka Ikeanyi •

Can I know the reason behind this? I find the extension helpful

Collapse
 
umair profile image
Muhammad Umair •

VsCode latest versions automatically suggest/import appropriate file.

So that means this extension no longer needed