Skip to main content

Що робить Prettier з кодом?

Frontend-інструментиJunior~1 хв читання
Запропонувати правку

Prettier приводить код до одноманітного, охайного і читабельного вигляду за жорстко заданими правилами форматування. Він не питає твоєї думки - просто автоматично переписує код у обраному стилі.

Що конкретно робить Prettier

Він автоматично:

  • вирівнює відступи
  • ставить або прибирає крапки з комою
  • обирає стиль лапок - ' або "
  • переносить довгі рядки
  • розставляє пробіли в потрібних місцях
  • правильно форматує дужки { } ( ) [ ]
  • форматує об'єкти, масиви, функції
  • робить єдиний стиль у всьому проєкті

Як це виглядає

Було:

js
const user={name:"Tom",age:20} function sayHi(){console.log("Hello")}

Стало (після Prettier):

js
const user = { name: "Tom", age: 20 }; function sayHi() { console.log("Hello"); }

Головний сенс Prettier

Без PrettierЗ Prettier
Кожен пише "як звик"Усі файли виглядають однаково
Суперечки в команді про стильСуперечок немає - є правила
Форматування рукамиCtrl+S → чистий код

Що він не робить

  • не перевіряє помилки
  • не покращує логіку
  • не оптимізує роботу коду

Підсумок

Prettier - це автопілот для візуальної структури коду. Він робить код чистим, єдиним і передбачуваним, щоб його було легше читати і підтримувати.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Запропонувати правку