Отформатируйте свой код с помощью Prettier

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

Введение в Prettier

Prettier - самоуверенный разработчик кода.

Он поддерживает множество различных синтаксисов из коробки, в том числе:

JavaScript
Поток,Машинопись
CSS, SCSS, меньше
JSX
GraphQL
JSON
Уценка

и сплагинывы можете использовать его для Python, PHP, Swift, Ruby, Java и других.

Он интегрируется с самыми популярными редакторами кода, включая VS Code, Sublime Text, Atom и другие.

Prettier очень популярен, так как в феврале 2018 года его скачали более 3,5 миллионов раз.

Наиболее важные ссылки, по которым вам нужно узнать больше о Prettier:

Меньше вариантов

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

95% (составленная статистика) кода Go выглядит точно так же, потому что этот инструмент можно легко применить, а поскольку стиль определяется для вас разработчиками Go, у вас гораздо больше шансов адаптироваться к этому стандарту, а не настаивать на свой собственный стиль. Например, табуляция против пробелов или где поставить открывающую скобку.

Это может показаться ограничением, но на самом деле это очень мощно. Весь код Go выглядит одинаково.

Красивееgofmtдля остального мира.

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

Разница с ESLint

ESLintявляется линтером, он не только форматирует, но и выделяет некоторые ошибки благодаря статическому анализу кода.

Это бесценный инструмент, и его можно использовать вместе с Prettier.

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

Теперь вы можете настроить несколько вещей, например:

ширина вкладки
использование одинарных кавычек против двойных кавычек
номер столбца строки
использование конечных запятых

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

Установка

Prettier может запускаться из командной строки, и вы можете установить его, используяПряжаили жеnpm.

Еще один отличный вариант использования Prettier - запускать его на PR для вашегоGitрепозитории, например наGitHub.

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

Например, вот расширение Prettier для VS Code:https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Красивее для новичков

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

Хороший стиль способствует укреплению хороших привычек.

Форматирование - это тема, которую чаще всего упускают из виду новички, но чистое и последовательное форматирование является ключом к вашему успеху как новому разработчику.

Кроме того, даже если вы начали использоватьJavaScriptДве недели назад с Prettier ваш код с точки зрения стиля будет выглядеть точно так же, как код, написанный гуру JavaScript, пишущим JS с 1998 года.