Vitesse — это опинионированный стартовый шаблон для разработки клиентских и универсальных веб-приложений на основе сборщика Vite и фреймворка Vue. Проект возник как набор готовых настроек и интеграций, призванных сократить время подготовки окружения для создания SPA, SSG и SSR приложений с использованием современных инструментов экосистемы JavaScript и TypeScript. В шаблоне сочетаются конфигурации для управления состоянием, маршрутизацией, стилизацией и утилитами автоматизации, что делает его удобным отправным пунктом для прототипирования и производства.
Шаблон включает в себя типичные решения для разработки: TypeScript для типизации, Pinia для управления состоянием, автоимпорт компонентов и API, систему атомарных стилей (например, UnoCSS или аналогичную), поддержку серверного рендеринга и статической генерации, а также преднастроенные скрипты для сборки и разработки. Авторская концепция ориентирована на баланс между минимальным начальным набором и наличием часто требуемых интеграций, чтобы избежать необходимости повторной ручной конфигурации при запуске нового проекта. В описаниях проекта также указываются рекомендуемые практики по структуре кода, организации плагинов и оптимизации производительности.
- Основа: использует Vite как сборщик и среду для быстрой разработки с горячей перезагрузкой и оптимизированной сборкой.
- Фреймворк: построен для Vue (совместим с Vue 3) и поддерживает шаблоны как для одностраничных приложений, так и для гибридных сценариев SSR/SSG.
- Типизация: интеграция TypeScript для безопасного развития и автодополнения в редакторах.
- Управление состоянием: преднастроенная поддержка Pinia или альтернативных менеджеров состояния.
- Автоимпорт: автоматический импорт компонентов и часто используемых утилит для уменьшения шаблонного кода.
- Стили: подключение атомарной или утилитарной CSS-системы (например, UnoCSS) для быстрой стилизации и небольшого объёма конечных стилей.
- Маршрутизация: готовая конфигурация маршрутизатора для клиентской и серверной навигации.
- Шаблоны сборки: скрипты и конфигурации для разработки, тестирования и выпуска релизов с оптимизациями бандла.
- Инструменты разработки: интеграция линтеров, форматтеров и типовых плагинов для улучшения качества кода и рабочего процесса.
- Документация и примеры: включены примеры использования и рекомендации по расширению шаблона под конкретные требования проекта.