✨

Hook za samodejno oblikovanje

Po vsakem urejanju nad shranjenimi datotekami zažene Prettier in ohranja dosledno oblikovanje brez ročnega poseganja.

Hook·2 razdelkov·1 min branja

codingdevops

Install Prompt

Paste this into Claude Code to set it up:

V svojo datoteko ~/.claude/settings.json želim dodati hook PostToolUse, ki po vsaki uporabi orodja Write ali Edit nad datotekami zažene Prettier.

V settings.json pod ključ "hooks" dodaj tole:

"PostToolUse": [
  {
    "matcher": "Write|Edit",
    "command": "npx prettier --write $CLAUDE_FILE_PATH 2>/dev/null || true"
  }
]

Tako se vsaka datoteka, ki jo Claude zapiše ali uredi, samodejno oblikuje. Ujemalnik (matcher) cilja tako na Write (nove datoteke) kot Edit (spremembe). Del || true prepreči, da bi napake Prettierja pri nepodprtih vrstah datotek blokirale potek dela Claude.

01Kaj počne

Oblikovanje, ki nikoli ne uide

Claude ustvarja lepo oblikovano kodo, ki pa se ne ujema vedno natančno s konfiguracijo Prettierja v vašem projektu (širina tabulatorja, končne vejice, slog narekovajev, širina izpisa). Hook za samodejno oblikovanje to vrzel zapre tako, da po vsaki spremembi datoteke zažene Prettier. Claude nikoli ni treba prositi, naj »popravi oblikovanje«, saj to hook opravi mehansko, vsakič znova.

Claude zapiše ali uredi datoteko

Orodje Write ali Edit ustvari ali spremeni datoteko. Dogodek PostToolUse se sproži takoj, ko se orodje zaključi.

Prettier oblikuje datoteko

Hook nad spremenjeno datoteko zažene <code>prettier --write</code> in samodejno uveljavi konfiguracijo .prettierrc iz vašega projekta.

Claude vidi oblikovan rezultat

Pri naslednjih branjih Claude dela z ustrezno oblikovano različico. Tako se preprečuje kopičenje odstopanj v oblikovanju čez več urejanj.

02Kdaj ga uporabiti

Avtomatizacija prihrani več kot le čas

Če vaš cevovod CI zavrne zahteve za združitev z napakami v oblikovanju, hook za samodejno oblikovanje odpravi celotno to vrsto napak. Namesto da Prettier ročno zaženete po dolgi seji kodiranja (in ugotovite, da 40 datotek potrebuje oblikovanje), se vsaka datoteka oblikuje v trenutku, ko se spremeni.

Ta hook je še posebej dragocen pri obsežnih preureditvah kode, ko se Claude v eni seji dotakne več deset datotek. Brez njega se neskladja v oblikovanju tiho kopičijo in izplavajo šele pri pregledu kode ali v CI. Z njim je vsaka datoteka pravilna od trenutka, ko je zapisana.

Če uporabljate tudi hook za samodejni lint, postavite hook za oblikovanje na prvo mesto, da se Prettier zažene pred ESLintom. Tako lint ne bo označeval težav z oblikovanjem, ki bi jih Prettier že odpravil.