DEV Community 👩‍💻👨‍💻

Cover image for What are your favourite VS Code extensions..?
Rajasekhar Guptha
Rajasekhar Guptha

Posted on

What are your favourite VS Code extensions..?

Many of us love Visual Studio Code..
What are your fav extensions/ setup..?

My setup is in Comments.

I'm on twitter now..Rajasekhar Guptha

Top comments (6)

Collapse
eriesgo profile image
Enrique Riesgo

I like the usual suspect Prettier, but recently I liked a lot this three:

  • Bracket Pair Colorizer 2 - since it helps a lot to identify quickly ending brackets.
  • Git Lens - to have extended visibility on Git history
  • PlanUML - as I am starting to do Documentation as Code.
Collapse
rajasekharguptha profile image
Rajasekhar Guptha Author

Thank you for sharing.. I just installed bracket pair colorizer and it is very useful..

Collapse
eriesgo profile image
Enrique Riesgo

Great. Based in my recent expercience, I like to keep minimalist with VS Code, and installing the minimum list of extensions possible.

Collapse
whiteheadbanger profile image
Sebastian

I don't work with too many extensions really, but I do love Kite and Live Server.

Kite: docs on the go and snippets
Live server: local server with auto reload on code changes. It's really useful while working with html and css

Collapse
rajasekharguptha profile image
Rajasekhar Guptha Author

Yeah.. Live server's auto reload feature is very helpful when designing web pages.

Collapse
rajasekharguptha profile image
Rajasekhar Guptha Author

Color Highlight

  • styles css/web color codes in code.

Prettier Code Formatter

Auto Rename Tag

  • Automatically rename paired HTML/XML tag as you change them

Html Css Support

  • Auto Completion of css ,scss classes , html attributes
    • Class attribute completion.
    • Id attribute completion.

CSS Peek

  • Ctrl+click on class names takes to class in CSS/SCSS/LESS files

IntelliSense for CSS class names in HTML

  • CSS class name completion for the HTML class attribute

HTML Preview

  • Previews html as you type

Live Server

  • Launch a local development server with live reload feature for static & dynamic pages.

UI plugins

Atom Theme

  • for those who love Atom Text Editor Theme like me

Material Icons

  • displays icons according to file extensions

Post with samples here

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.