Настройка ESLint и Prettier на "codesandbox.io"

Question

На "codesandbox.io", как мне настроить "Prettier", чтобы он больше не менял разрывы строк (или, возможно, полностью деактивировать "Priettier"), и как там можно деактивировать определенное правило в ESLint (в моем случае это которые я хочу отключить, "отреагировать на изменение правил" - недавно созданный файл ".eslintrc", кажется, игнорируется в моем проекте ES201x? Спасибо.

Answer 1

Вы можете легко настроить поведение форматирования вашей песочницы, добавив prettier config следующим образом:

1. Создайте файл .prettierrc в корневой папке Песочницы.
2. Используя синтаксис JSON, добавьте в файл нужные правила форматирования.

Например, чтобы изменить перенос строк, который, я думаю, раздражает большинство людей, установите printWidth значение:

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "printWidth": 25
}

3. Сохраните файл и перезагрузите страницу Sandobox.

4. В следующий раз, когда вы сохраните любой из файлов, код будет отформатирован в соответствии с правилами, которые вы установили в.prettierrc.

Другие:

• Кажется, необходимо перезагрузить страницу песочницы, чтобы настройки вступили в силу. После повторного открытия файл.prettierrc будет отображаться как пользовательский интерфейс, а не как файл.

• Чтобы добавить новые правила форматирования, откройте файл .prettierrc отображается как пользовательский интерфейс и нажмите Open file in editor и добавьте нужные правила.

• Вот список параметров конфигурации Prettier, которые вы можете установить в.prettierrc.

• Чтобы включить / отключить форматирование Prettier, выполните следующие действия: Cmd + Shift + P -> Выбрать Preferences: Open Settings (UI) -> Искать Editor: Format on Save -> Отключить / включить опцию.

Наслаждайтесь!

Answer 2

Я не мог найти способ, чтобы предотвратить более красивое удаление разрывов строк, поэтому я просто отключил настройку при сохранении. Для меня это не слишком часто, так что достаточно просто навести порядок в редакторе.

Я тоже ищу способ переопределить правила eslint