format-javascript-files — хук для Claude Code: как настроить
Хук запускает Prettier после каждого редактирования файлов .js, .ts, .jsx и .tsx в Claude Code. Код остаётся аккуратно оформленным без ручных правок стиля.
npx claude-code-templates@latest --hook post-tool/format-javascript-filesЧто делает format-javascript-files
Хук перехватывает событие PostToolUse при вызове инструмента Edit. Скрипт проверяет путь файла в переменной $CLAUDE_TOOL_FILE_PATH по регулярному выражению. Под действие попадают файлы с расширениями .js, .ts, .jsx и .tsx.
Форматирование запускается через npx prettier --write. Глобальная установка пакета не требуется, так как вызов идёт через npx. Ошибки направляются в 2>/dev/null, а завершение перехвачено оператором || true.
Из-за подавления ошибок хук тихо пропустит форматирование, если Prettier отсутствует или упал со сбоем.
Какие задачи решает
- форматировать код через Prettier сразу после правок ассистента
- выравнивать синтаксис в файлах
.js,.ts,.jsxи.tsx - сохранять единообразный стиль проекта без ручного запуска линтера
Примеры запросов агенту
- Отредактируй компонент
Button.tsxи добавь свойствоdisabled - Исправь экспорт функций в файле
utils/helpers.js
Как установить format-javascript-files
1Через claude-code-templates
npx claude-code-templates@latest --hook post-tool/format-javascript-files2Вручную: положить файлы
.claude/settings.jsonБлок hooks: событие (PreToolUse, PostToolUse, Stop…) → команда. Личные — ~/.claude/settings.json
По шагам, с командами для каждой платформы: Хуки Claude Code: что это, где настраивать и как запретить опасную команду
Вопросы о format-javascript-files
Как установить format-javascript-files в Claude Code?
Выполните команду npx claude-code-templates@latest --hook post-tool/format-javascript-files. Конфигурация хука запишется в .claude/settings.json.
Что делает format-javascript-files?
Хук отслеживает инструмент Edit и форматирует изменённые файлы JavaScript и TypeScript с помощью Prettier.
Что произойдёт, если Prettier не установлен в проекте?
Команда использует конструкцию 2>/dev/null || true. Редактирование завершится без сообщений об ошибках, даже если Prettier недоступен.
Исходный текст
format-javascript-files.json · MIT
{
"description": "Automatically format JavaScript/TypeScript files after any Edit operation using prettier. This hook runs 'npx prettier --write' on any .js, .ts, .jsx, or .tsx file that Claude modifies, ensuring consistent code formatting. Uses npx so prettier doesn't need to be globally installed. Includes error suppression so it won't fail if prettier is not available.",
"hooks": {
"PostToolUse": [
{
"matcher": "Edit",
"hooks": [
{
"type": "command",
"command": "if [[ \"$CLAUDE_TOOL_FILE_PATH\" =~ \\.(js|ts|jsx|tsx)$ ]]; then npx prettier --write \"$CLAUDE_TOOL_FILE_PATH\" 2>/dev/null || true; fi"
}
]
}
]
}
}
© davila7 · MIT · davila7/claude-code-templates