В мире веб-разработки обеспечение чистоты, аккуратности и удобочитаемости вашего кода является важной частью процесса. Именно здесь в игру вступают такие средства форматирования кода, как Prettier. Prettier — это самоуверенный модуль форматирования кода, который поддерживает множество языков, и с помощью плагинов он также может форматировать шаблоны Laravel Blade.
Вы также можете использовать встроенные функции PHPStorm для форматирования. В моем тестировании я на самом деле не обнаружил большой разницы между форматом PHPStorm при сохранении и запуском Prettier. У каждого из них есть свои плюсы и минусы.
Встроенные плюсы
- Доступно для всех проектов, которые вы открываете с помощью PHPStorm.
- Никаких зависимостей устанавливать не нужно.
Симпатичные плюсы
- Конфигурационный файл для каждого проекта
- Общий доступ к конфигурации с VSCode
Настройка встроенного формата PHPStorm при сохранении
- Параметры > Инструменты > действия при сохранении > Переформатирование при сохранении
- Убедитесь, что в разделе Типы файлов установлен флажок Blade (Blade)
https://www.jetbrains.com/help/phpstorm/reformat-and-rearrange-code.html#reformat-on-saveИспользование Prettier в PHPStorm
Чтобы использовать Prettier, вам необходимо установить модуль npm. Во-первых, установите Prettier и любой из плагинов Blade. Перейдите в каталог проекта в терминале и выполните одну из следующих команд:Alterantive 1: Для плагина Shuho выполните: https://github.com/shufo/prettier-plugin-blade
Альтернатива 2: Если вы предпочитаете prettier-plugin-blade
, выполните:
npm install --save-dev prettier @shufo/prettier-plugin-blade
https://www.npmjs.com/package/prettier-plugin-blade
npm install --save-dev prettier prettier-plugin-blade
Я считаю оба они превосходными и очень надежными, и я не вижу разницы в их результатах.
Затем создайте файл настроек Prettier:
{
"plugins": [
// Only one of these!
"@shufo/prettier-plugin-blade" <-- Alternative 1
"./node_modules/prettier-plugin-blade/" <-- Alternative 2
],
"overrides": [
{
"files": [
"*.blade.php"
],
"options": {
"parser": "blade",
"tabWidth": 4
}
}
]
}
Чтобы включить Prettier при сохранении, перейдите в «Настройки» > «Инструменты» > «Действия при сохранении» > «Запустить Prettier при сохранении».
Заключение Я
обнаружил, что как встроенный модуль форматирования PHPStorm, так и плагины Prettier очень надежны, без особой разницы между ними. Если вы работаете в одиночку над многими проектами, я бы порекомендовал встроенное переформатирование PHPStorm. Однако в большой команде вы можете использовать конфигурационные файлы Prettier.