VSCode Prettier reformat добавляет {""} при добавлении новой строки между тегами html - PullRequest
Новая
       19

VSCode Prettier reformat добавляет {""} при добавлении новой строки между тегами html

0 голосов
/ 17 декабря 2018

Я пытаюсь настроить VSCode для React, ESLint, и Prettier ведет себя очень интересно, и я не уверен, почему.

Если у меня плохо отформатированный код, например: 

<div class="example">
   <header className="App-header"><p>
    this is poorly formatted</p>

   </header>
</div>

как только я сохраняю (и запускаю на нем красивее), это выглядит следующим образом ( обратите внимание на {""} ): 

<div class="example">
   <header className="App-header">{" "}
    <p>
       this is poorly formatted{" "}
    </p>
   </header>
</div>

Вот мой файл .eslintrc: 

{
   "extends": ["react-app", "plugin:prettier/recommended"]
}

есть идеи, почему это происходит?

1 Ответ

0 голосов
/ 18 декабря 2018

Обычно он добавляет {" "} всякий раз, когда он хочет убедиться, что символ пробела, который был в конце строки, все еще присутствует в выходном HTML, после того, как завершающие пробелы усекаются.

Не совсем точно, почемуон добавляет его в приведенный выше фрагмент кода, у вас нет пробела между <header className="App-header"> и <p>.

...