Команда Vue выпустила генератор статических сайтов VitePress 1.0

Разработчики JavaScript-фреймворка Vue выпустили VitePress 1.0, генератор статических сайтов (SSG) для быстрого создания сайтов, ориентированных на контент.

Построенный на базе Vue и инструмента сборки Vite (произносится как "веет"), VitePress берет исходный контент, написанный в формате Markdown, применяет тему и генерирует статические HTML-страницы для развертывания. VitePress 1.0, анонсированный 21 марта, является "духовным" преемником и заменой генератора статических сайтов VuePress, написал создатель Vue Эван Ю в своем блоге.

VitePress призван предложить разработчикам улучшенный опыт работы с контентом в формате Markdown. Будучи основанным на Vite, он обеспечивает мгновенный запуск сервера, а внесенные правки мгновенно отражаются без перезагрузки страницы. Встроенные расширения Markdown предлагают такие возможности, как таблицы и подсветка синтаксиса. При использовании Vue-enhanced Markdown каждая страница представляет собой однофайловый компонент Vue, благодаря синтаксической совместимости шаблона Vue с HTML. Разработчики могут внедрять интерактивность в статический контент, используя возможности шаблонов Vue или импортированные компоненты Vue.

В отличие от традиционных SSG, где каждая навигация приводит к перезагрузке всей страницы, сайт, созданный VitePress, при первом посещении обслуживает статичный HTML, а при последующей навигации по сайту превращается в одностраничное приложение. Эта модель, как пишет Эван Ты, обеспечивает оптимальный баланс производительности, предлагая быструю начальную загрузку, быструю навигацию после загрузки и интерактивность без потерь.

VitePress поставляется с темой по умолчанию, предназначенной для технической документации. Она поддерживает документацию для Vite, пакет JavaScript Rollup, магазин Pinia, композитные утилиты VueUse, фреймворк для тестирования Vitest, библиотеку JavaScript D3, CSS-движок UnoCSS, иконки Iconify и многое другое.