commands.md

📋 NPM команды

📋 Оглавление

• 🚀 Разработка
• 🔍 Проверка качества
• 🧪 Тестирование
• 🛠️ Дополнительные инструменты
• 🔧 Отладка
• 📊 CI/CD команды
• 🔄 Рабочий процесс
• 🎯 Быстрые команды
• 📈 Оптимизации

🚀 Разработка

Команда	Описание	Использование
npm run dev	Запуск сервера разработки с HMR	Основная команда разработки
npm run build	Сборка для продакшена	Перед деплоем
npm run preview	Предпросмотр сборки локально	Проверка production версии

🔍 Проверка качества

Команда	Описание	Использование
npm run typecheck	Проверка TypeScript типов	Перед коммитом
npm run lint	Линтинг кода Biome	Проверка стиля
npm run fix	Автоисправление стиля	Исправление ошибок
npm run format	Форматирование кода	Приведение к стандарту

🧪 Тестирование

Команда	Описание	Использование
npm run e2e:install	Установка Playwright браузеров	Первоначальная настройка
npm run e2e:tests	Запуск E2E тестов	Полное тестирование
npm run e2e:debug	Отладка тестов с UI	Разработка тестов
npm run e2e:headed	Тесты с видимым браузером	Демонстрация

🛠️ Дополнительные инструменты

Команда	Описание	Использование
npm run codegen	Генерация GraphQL типов	После изменений схемы
npm run storybook	Запуск Storybook	Разработка компонентов
npm run analyze	Анализ бандла	Оптимизация размера
npm run templates	Компиляция шаблонов	Обновление HTML шаблонов

🔧 Отладка

Команда	Описание	Использование
npm run dev:debug	Разработка с отладчиком	Исследование проблем
npm run build:analyze	Анализ сборки	Поиск узких мест
npm run check	Полная проверка проекта	Перед PR

📊 CI/CD команды

Команда	Описание	Использование
npm run e2e:tests:ci	Тесты для CI окружения	Автоматизированное тестирование
npm run build:netlify	Сборка для Netlify	Альтернативный деплой
npm run test:coverage	Покрытие кода тестами	Метрики качества

🔄 Рабочий процесс

Рекомендуемая последовательность

# Разработка
npm run dev

# Перед коммитом
npm run typecheck
npm run lint
npm run fix

# Тестирование
npm run e2e:tests

# Деплой
npm run build

Полная проверка

npm run check        # TypeScript + линтинг
npm run e2e:tests    # E2E тесты
npm run build        # Проверка сборки

🎯 Быстрые команды

Сценарий	Команды
Начало работы	npm install && npm run dev
Проверка кода	npm run check
Исправление стиля	npm run fix
Тестирование	npm run e2e:tests
Сборка	npm run build

📈 Оптимизации

Команды используют современные инструменты для максимальной производительности:

• Lightning CSS — сверхбыстрая обработка стилей
• Biome — быстрый линтинг и форматирование
• Vite — мгновенная пересборка при изменениях
• Playwright — параллельное выполнение тестов