Дополнительные ресурсы см. на моей платформе 👉🏼 codewithbeto.vercel.app
Посмотрите 👉🏼видеоверсию
Что такое красивее?
Prettier — это инструмент, который форматирует ваш код в соответствии с набором правил. Это инструмент, который помогает вам поддерживать единый стиль кода.
Зачем использовать красивее?
- Экономит вам много времени и энергии
- Делает ваш код более читабельным и удобным в сопровождении
- Не нужно обсуждать стиль в код-ревью
- Поддерживает множество языков
- Интегрирован с большинством редакторов
Как использовать Prettier с React Native
Я рекомендую вам установить Prettier, как только вы начнете новый проект React Native.
Установить красивее
пряжа добавить -D красивее eslint-плагин-красивее
Если вы используете нпм
npm install — save-dev красивее eslint-plugin-prettier
Настроить красивее
После того, как вы установили Prettier, вам необходимо настроить его, создав файл «.prettierrc.js» в корне вашего проекта. Если у вас уже есть файл «.prettierrc.js», вы можете просто изменить его в соответствии со своими потребностями.
Здесь у нас есть базовый пример того, как может выглядеть простой файл конфигурации:
module.exports = {
скобки: false,
singleQuote: true,
trailingComma: ‘all’,
};
Я рекомендую вам прочитать Документацию Prettier, чтобы узнать больше о параметрах, которые вы можете настроить.
Здесь у нас есть еще один пример с еще несколькими параметрами:
module.exports = {
singleQuote: true,
trailingComma: 'es5',
скобкиSpacing: true,
jsxBracketSameLine: false,
arrowParens: 'avoid',< br /> printWidth: 80,
tabWidth: 2,
useTabs: false,
semi: true,
endOfLine: 'auto',
};
После того, как вы настроили Prettier, ваш код должен форматироваться каждый раз, когда вы его сохраняете.
Заключение
Хватит тратить время на форматирование кода вручную и начните использовать Prettier!
