Prettier

Question 1

Prettier

Answer 1

Prettier - инструмент автоматического форматирования кода. Он широко используется для обеспечения согласованности и единообразия стиля кода. Prettier работает с различными языками программирования, включая JavaScript, TypeScript, CSS, HTML, JSON и др.

Основная цель Prettier - автоматическое приведение кода к определенному стилю форматирования, устанавливаемому по умолчанию или настраиваемому пользователем. Он автоматически применяет правила форматирования (отступы, расстановка пробелов, размещение фигурных скобок, пунктуации и т.д.), чтобы сделать код более читабельным.

Prettier используется независимо от редактора кода и интегрируется в рабочий процесс разработчика через плагины или конфигурационные файлы. Это позволяет автоматически форматировать код при сохранении файла или вручную вызывать Prettier для форматирования всего проекта или отдельных файлов.

Использование Prettier помогает снизить споры о стиле кодирования в команде разработчиков и облегчает сотрудничество, т. к. все члены команды придерживаются одного стиля форматирования без необходимости ручного редактирования кода.

Установка:
pnpm add prettier -D -E

Настройка:
Чтобы изменить настройки prettier по умолчанию, необходимо:
1. В корне проекта создать файл .prettierrc (https://prettier.io/docs/install):

Терминал:
node –eval “fs.writeFileSync(‘.prettierrc’,’{}\n’)”

2. Изменить настройки согласно вашим предпочтениям:
   В файле .prettierrc (https://prettier.io/docs/options):
   {
   “printWidth”: 120, //автоматический перенос строк
   “semi”: false // точка запятая
   }
3. Для настройки WebShtorma - нажимаем Ctrl + Alt + S
   Набираем prettier и ставим галочки:
   -manual Prettier configuration
   - на сохранение и на форматирование кода

Форматирование:
Для запуска форматирования всех файлов (https://prettier.io/docs/install):

pnpm exec prettier . –write