How to automatically format your code in VIM with Prettier | VIM Tutorial

In this tutorial we'll talk about a controversial topic, people gets very emotional about his way of writing code but there's a very common in web development: different style formats between developers in a team, with Prettier we can forget about all those little decisions we make when we code for example: tabs vs spaces, quotes vs double quotes, empty lines, etc. Ugly code that is hard to read and maintain so it makes developers less productive.

Prettier works with many editors not just VIM.

00:00 - Why use Prettier?
01:30 - How Prettier can format your CSS
02:20 - How Prettier can format your Javascript
02:47 - How to install Prettier with VIM from scratch
03:30- Install Vundle plugin manager
04:50- Install vim-prettier plugin
09:10- Format code on save with Prettier

Please like and subscribe!

Let Prettier format your ugly code.

[sanyoun]

Thank you so much! Your guidance has been a light for me!

[KeepCalmProgrammers]

Please increase the font-size next time
Thanks for your work.

I love vim too.

[kingskull]

does vim prettier read the prettier configuration of the project or it just has it's own set of configurations?

[bhaveshverma]

It does not work for me . I have PHP file in which there is HTML code but it is not formatting

[zeocamo]

love vim, but try neovim it is the future of vim and is better