Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить Prettier з кодом?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Prettier приводить код до одноманітного, охайного і читабельного вигляду за жорстко заданими правилами форматування**, автоматично переписуючи код у обраному стилі. **Ключове:** Prettier - це автопілот для візуальної структури коду, який робить його чистим, єдиним і передбачуваним.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**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 - це автопілот для візуальної структури коду.** Він робить код чистим, єдиним і передбачуваним, щоб його було легше читати і підтримувати.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.