Что делает настройка VS Code html.format.unformatted? - PullRequest
Новая
       19

Что делает настройка VS Code html.format.unformatted?

2 голосов
/ 02 октября 2019

Я пытаюсь выяснить, что делает настройка VS Code html.format.unformatted, но не могу.

Я нашел эту проблему и эту проблему в GitHub, но это ничего не объясняет.

Может кто-нибудь объяснить мне, что делает настройка html.format.unformatted и чем она отличается от настройки html.format.contentUnformatted?

1 Ответ

1 голос
/ 02 октября 2019

После долгих проб и ошибок я узнал следующее:

TLDR:

  • html.format.unformatted: не форматирует ни сам тег, ни содержимое
  • html.format.contentUnformatted: отформатирует тег, но не содержимое

источник (не очень понятно, imho): https://code.visualstudio.com/Docs/languages/html

Пример кода HTML(недействительно, я знаю, но не имеет значения здесь): 

<body>

    <style class="foo"        class="foo"        class="foo"    >
            .foo {
            background-image: 'bar.jpeg';
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
            }
    </style>

    <div class="foo">
        <div>
            <div></div>
            whatever
            <div></div>
        </div>
    </div>
</body>

С этим конфигом: 

{
    "html.format.wrapAttributes": "force-expand-multiline",
    //"html.format.contentUnformatted" : "style",
    "html.format.unformatted": "style"
}

Когда мы запускаем автоформат в приведенном выше примере HTML, тег STYLE ISНЕ форматируется, а содержимое тега стиля НЕ изменяется.

При такой конфигурации: 

{
    "html.format.wrapAttributes": "force-expand-multiline",
    "html.format.contentUnformatted" : "style",
    //"html.format.unformatted": "style"
}

Когда мы запускаем автоформатирование в приведенном выше примере HTML, тег STYLE TAG форматируется (пробелы,идент и т. д.) содержимое тега стиля НЕ изменяется.

...