W świecie tworzenia stron internetowych zapewnienie, że kod jest czysty, uporządkowany i czytelny, jest ważną częścią procesu. W tym miejscu do gry wchodzą formaty kodowe, takie jak Pretttier. Prettier to formater kodu, który obsługuje wiele języków, a za pomocą wtyczek może również formatować szablony Blade Laravela.
Możesz także użyć wbudowanych funkcji PHPStorm do formatowania. W moich testach nie znalazłem tak dużej różnicy między formatem PHPStorm na Save a uruchomieniem Prettier. Każdy z nich ma swoje wady i zalety.
Wbudowane zalety
- Dostępne dla wszystkich projektów otwieranych za pomocą PHPStorm.
- Nie trzeba instalować żadnych zależności.
Ładniejsi profesjonaliści
- Plik konfiguracyjny dla projektu
- Udostępnianie konfiguracji za pomocą programu VSCode
Konfiguracja wbudowanego formatu PHPStorm podczas zapisywania
- Ustawienia > Narzędzia > akcje przy zapisywaniu > formatowaniu przy zapisywaniu
- Upewnij się, że opcja Blade jest zaznaczona w obszarze Typy plików
https://www.jetbrains.com/help/phpstorm/reformat-and-rearrange-code.html#reformat-on-saveKorzystanie z Prettier w PHPStorm Aby korzystać z Prettier, musisz zainstalować moduł npm
. Najpierw zainstaluj Prettier i jedną z wtyczek Blade. Przejdź do katalogu projektu w terminalu i uruchom jedno z następujących poleceń:Alterantive 1: Dla wtyczki Shuho uruchom: https://github.com/shufo/prettier-plugin-blade
Alternatywa 2: Jeśli wolisz prettier-plugin-blade
, uruchom:
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
Uważam, że oba są doskonałe i bardzo niezawodne i nie widzę różnicy w ich wynikach.
Następnie utwórz plik
{
"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
}
}
]
}
ustawień Ładniejszy:Aby włączyć Ładniejsze przy zapisywaniu, przejdź do Ustawienia > Narzędzia > Akcje przy zapisywaniu > Uruchom ładniejsze przy zapisywaniu.
Wniosek
Uważam, że zarówno wbudowany formater PHPStorm, jak i wtyczki Prettier są bardzo niezawodne, bez zbyt dużej różnicy między nimi. Jeśli pracujesz solo nad wieloma projektami, polecam wbudowane formatowanie PHPStorm. Jednak w większym zespole możesz użyć plików konfiguracyjnych Prettier.