Skip to main content

Що таке Prettier? Навіщо потрібен Prettier?

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


Навіщо він потрібен

Prettier вирішує одразу кілька завдань:

Єдиний стиль коду в проєкті Команда може писати по-різному (хтось ставить пробіли, хтось ні, хтось пише в один рядок, хтось у три), а Prettier автоматично приводить усе до одного стилю.

Економія часу Не потрібно вручну сперечатися про дужки, відступи чи переноси рядків. Натиснув Format - і порядок.

Читабельність і чистота коду Відформатований код простіше читати, підтримувати і змінювати.

Позбавлення від "сміття" Prettier сам виправляє відступи, переноси, лапки, довжину рядків тощо.


Чим Prettier відрізняється від ESLint

ІнструментЩо робить
ESLintШукає помилки і погані практики в JavaScript/TypeScript
PrettierФорматує код (стиль, переноси, відступи, лапки)

Їх часто використовують разом: ESLint → перевіряє | Prettier → вирівнює код


Де використовується

Prettier підходить для більшості файлів:

  • JavaScript / TypeScript
  • HTML, CSS, SCSS
  • JSON
  • Markdown
  • JSX / TSX
  • YAML

Підсумок

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


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

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

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