Code Formatting with Prettier in Visual Studio Code

Formatting your code can be a hassle. Learn how to have your code automatically formatted to save yourself a lot of time and headache!

Want to learn everything you need to know about Visual Studio Code? Check out Learn Visual Studio Code!

[TomGrubbe]

Prettier is awesome but if you're working with a team be sure and coordinate your settings with other team members. Also, if you change one or two lines in an old source file to fix a bug or something, then Prettier may format hundreds of lines causing your diff to show massive changes instead of just the bug fix. This is true for all linters though, not just Prettier.

[SeanCarter]

By far the best code formatter that there is. I've tried other ones and they make my code unreadable.

[epion]

I was having trouble getting prettier set-up, this video was perfect for what I needed. Thank you!

[ullacocorp]

We like Visual Studio Code a lot, but we're editing more with Visual Studio these days. Thanks, great video!

[lotfiouldadda]

In order for format on save to work you need to enable it first.
In order for the saving to work as the settings of prettier it has to be the default formatter.

[RonaldModesitt]

Very useful, especially for a beginner.

[suzannecurtis]

I couldn't figure out how to actually activate prettier and your video was so detailed and helpful. Thank you!

[el]

wow, ive been coding for like 3 months and i didn't know this! thank you!

[TheEmperorXavier]

Thanks for the walk-through, really appreciate you helping me configure this extension. Very useful stuff

[marienixon]

Fab video. Total beginner here. Thanks!

[fazahmed]

Thanks, James, simple and to the point. Worked for me.

[ikoeiku]

thank you man hats off to you you deserve more than million subscribes.

[sherribooher]

Prettier is a great extension, but I am OCD when it comes to typing my code. I absolutely CANNOT leave it looking messy. LOL. Also, I noticed that Prettier tends to make my code (alignment, etc.) look weird, so maybe I need to tweak the settings. Thanks for the video! Keep up the great work!

[cynthiamanor]

Thanks! I'm new to VS Code, and this was very helpful!

[SartajKhan-tnhj]

wow.... just fixed a issue i was having... thanks man

[donxnik]

Thank you very much format saver was so awesome!

[Ash-eybh]

Thanks, I was struggling to understand how to use this extension.

[theboysclips]

thanks for the great video!! it's really easy to follow!

[javhaasuhochir]

I cannot believe no one told me about Prettier in my school for one year of coding.

[arshamazami]

Thanks for your perfect explanation
That was the best explanation for prettier extention🤗