У світі веб-розробки забезпечення чистоти, охайності та читабельності вашого коду є важливою частиною процесу. Ось тут і вступають в гру такі форматувальники коду, як Prettier. Prettier - це переконаний код formatter, який підтримує багато мов, і за допомогою плагінів він також може форматувати шаблони Laravel's Blade.
Ви також можете використовувати вбудовані функції PHPStorm для форматування. У своєму тестуванні я насправді не виявив такої великої різниці між форматом PHPStorm на збереженні та запуском Prettier. У кожного з них є свої плюси і мінуси.
Вбудовані профі
- Доступно для всіх проектів, які ви відкриваєте за допомогою PHPStorm.
- Ніяких залежностей встановлювати не потрібно.
Красивіші плюси
- Конфігураційний файл для кожного проекту
- Спільний доступ до конфігурації з VSCode
Налаштуйте вбудований формат PHPStorm під час збереження
- Налаштування > інструменти > дії щодо збереження > переформатування під час збереження
- Переконайтеся, що 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
Альтернатива prettier-plugin-blade
2: Якщо ви віддаєте перевагу , запустити:
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
я вважаю, що обидва вони відмінні і дуже надійні, і я не бачу різниці в їх результатах.
Далі створіть файл
{
"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 під час збереження, перейдіть до Settings > Tools > Actions on Save > Run Prettier on Save.
Висновок
Я виявив, що як вбудовані плагіни PHPStorm formatter, так і плагіни Prettier дуже надійні, з не надто великою різницею між ними. Якщо ви працюєте самостійно над багатьма проектами, я б рекомендував вбудоване переформатування PHPStorm. Однак у більшій команді ви можете використовувати конфігураційні файли Prettier.