Как реализовать правильный рефакторинг html кода в PhpStorm?

Question

[Антон Середа]

Дело в том, что я пользуюсь шаблонизатором/препроцессором Pug. И на выход он отдает мне собранную html страничку в одну строку. После чего я пользуюсь Cmd + Option + L и этот хоткей справляется, но на половину. Где-то происходят правильные переносы, где-то неправильные. Подскажите пожалуйста, может какие-то конкретные Settings в CodeStyle -> HTML должны побороть эту проблему ?

Pug код



Html код, который собрался после Cmd + Option + L, хотелось бы чтоб тег h4 был на той-же вложенности, что и h3, как в Pug

Comments

[Froggyweb]

рефакторинг - это несколько про другое

[Антон Середа]

Froggyweb, reformat имелось ввиду)

[Froggyweb]

Антон Середа, можно какой-нибудь beateful накинуть например https://www.npmjs.com/package/gulp-html-beautify
на прод иле дев - тебе решать

[Антон Середа]

Froggyweb, благодарю)

Answer 1

[Даниил Маслов]

Добавьте --pretty в Preferences / Settings | Tools | File Watchers | Pug | Arguments.

Comments

[Антон Середа]

Я очень вам благодарен, спасибо) можно еще один микровопрос ?

Подскажите, почему спаны не перебрасываются на новую строку ? Ведь они на той же вложенности, что и h4 к примеру)

[Даниил Маслов]

Антон Середа, вам нужно передавать строку переноса явно для inline элементов: = '\n'