Visual Studio Code breaking Jekyll’s page layout

Question

I’m editing a file HTML from my blog’s Jekyll in the Visual Studio Code:

However, when saving the file, Visual Studio Code puts the page layout reference text in only one line, breaking the reference:

How to prevent this?

Answer 1

The problem was occurring because of the extension: JS-CSS-HTML Formatter.

So the solution was to edit the file formatter.json and set the property onSave for false.

To do this, I followed the steps:

1 - Press CTRL+SHIFT+P and type Formatter:

2 - Change property value onSave for false:

For the change to take effect, you need to restart Visual Studio Code.

That answer of Stack Overflow in English helped me solve the problem.