Для включения авто-форматирования в WebStorm для HTML-кода вам нужно следовать нескольким простым шагам.
1. Перейдите в раздел "Preferences" (на macOS) или "Settings" (на Windows) из главного меню нажав сочетание клавиш "Ctrl + Alt + S".
2. В левой панели выберите "Editor", а затем "Code Style".
3. Теперь выберите вкладку "HTML" и нажмите на кнопку "Set from..." в правом верхнем углу.
4. В открывшемся списке выберите "Predefined Style" и выберите стиль форматирования, который вы предпочитаете. Вы также можете настроить свои собственные правила форматирования, нажав кнопку "Manage..." рядом с "Predefined Style".
5. После выбора стиля форматирования вы можете настроить дополнительные параметры форматирования, нажав на кнопку "Edit..." рядом с "Predefined Style". Здесь вы можете настроить отступы, выравнивание, использование кавычек и другие параметры.
6. После завершения настройки нажмите кнопку "Apply" или "OK", чтобы сохранить внесенные изменения и закрыть окно настроек.
После этих шагов WebStorm будет автоматически форматировать ваш HTML-код в соответствии с выбранным стилем при сохранении файла или при выполнении команды авто-форматирования. Это позволит вам сохранять единообразный и читаемый код, что в свою очередь повысит вашу продуктивность и облегчит совместную работу с командой разработчиков.