Автоматическая упаковка JSX всегда

Это делает мою голову в! Потратил 2 часа, пытаясь выяснить, что вызывает приведенное ниже поведение, и продолжает оставаться пустым.

Я перехожу на VSCode, и мои компоненты React JSX автоматически переносятся на несколько строк. Это нормально (и хорошо), когда компонент имеет несколько атрибутов, но делает некоторые файлы очень длинными и нечитаемыми.

Показательный пример — файл, в котором определены маршруты маршрутизатора реагирования. Все они небольшие, и в идеале наличие одного на строку делает маршруты вашего приложения очень читабельными, вместо того, чтобы каждый маршрут определялся каждые 7 или около того строк.

Пример того, как VS Code автоматически форматирует файл:

<Authenticated
    path="/new"
    component={NewCorrespondence}
    {...this.props}
/>
<Authenticated
    path="/inbox"
    component={Inbox}
    {...this.props}
/>
<Authenticated
    path="/sent"
    component={Sent}
    {...this.props}
/>

Как это должно выглядеть

<Authenticated path="/new" component={NewCorrespondence} {...this.props} />
<Authenticated path="/inbox" component={Inbox} {...this.props} />
<Authenticated path="/sent" component={Sent} {...this.props} />

Какой параметр в VSCode отвечает за это? Есть ли способ настроить перенос этих строк, только если их длина превышает x символов?


visual-studio-code eslint prettier js-beautify
person Hemal    schedule 28.10.2017    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Итак, отвечая на мой собственный вопрос. Это была настройка printWidth более красивого пакета. Файл конфигурации prettierrc игнорировался, но установка ширины непосредственно из VSCode исправила это.

Итак, проблема здесь в том, как я настраиваю файл конфигурации (другая проблема!).

person Hemal    schedule 28.10.2017