Этот перевод больше не поддерживается, пожалуйста, посмотрите английскую версию документа.

Почему Slidev

Есть множество богатых функционалом, универсальных WYSIWYG редакторов презентаций, например Microsoft PowerPoint или Apple Keynote. Они не плохо работают для создания красивых презентаций с анимациями, графиками, и множества других штук, оставаясь при этом очень интуитивными и лёгкими в изучении. Так зачем вообще нужен Slidev?

Slidev направлен на поддержку гибкости и интерактивности для разработчиков, чтобы делать их презентации более интересными, выразительными и привлекательными. Используя инструменты и технологии, с которыми они уже знакомы.

При работе с WYSIWYG редакторами очень легко отвлечься на варианты стилизации. Slidev исправляет это, разделяя контент и визуальную часть. Что позволяет вам сфокусироваться на чем-то одном, а также даёт возможность переиспользовать темы из сообщества. Slidev не стремится полностью заменить другие конструкторы презентаций. Скорее, он фокусируется на разнообразии сообщества разработчиков новыми возможностями.

Slidev

Это лишь часть ключевых особенностей Slidev:

Markdown-based

Slidev использует расширенный Markdown формат для хранения и организации ваших презентаций в простом текстовом файле. Это даёт вам сфокусироваться на создании контента. Поскольку контент и стили разделены, это позволяет вам переключаться между темами без особых усилий.

Подробнее о Markdown синтаксисе Slidev.

Темизация

Темы для Slidev могут распространяться и устанавливаться, используя npm-пакеты. Вам понадобится одна строка в конфигурации, чтобы применить их.

Посмотрите галерею тем или узнайте, как написать свою тему.

Удобство разработки

Slidev предоставляет разработчикам первоклассную поддержку фрагментов кода. Он поддерживает как Prism, так и Shiki, чтобы добиться идеальной pixel-perfect подсветки синтаксиса, при этом сохраняя возможность изменять код в любое время. Благодаря встроенному редактору Monaco, он также даёт вам возможность выполнять кодирование / демонстрацию в реальном времени в вашей презентации с автозаполнением, наведением курсора и даже с поддержкой проверки типов TypeScript.

Узнайте больше о подсветки и конфигурации Monaco.

Скорость

Slidev разработан на Vite, Vue 3 и Windi CSS, которые в совокупности дают прекрасный опыт разработки. Каждое внесённое вами изменение мгновенно отразится на слайдах.

Почитайте подробнее о нашем техническом стеке.

Интерактивность

Вы можете написать кастомные Vue-компоненты и использовать их непосредственно внутри вашего markdown-файла. Вы также можете взаимодействовать с ними внутри вашей презентации, чтобы исполнить вашу идею в более интересной и интуитивной форме.

Поддержка записи

Slidev обеспечивает встроенную запись и просмотр с камеры. Вы можете поделиться своей презентацией с камерой внутри или записать и сохранить их отдельно для экрана и камеры. Всё сразу, никаких дополнительных инструментов не требуется.

Узнайте больше о записи здесь.

Портативность

Экспортируйте ваши слайды в PDF, PNGs, или даже a hostable Single-page Application (SPA) with a single command, and share them anywhere.

Read more about that in the exporting docs.

Расширяемость

Будучи сделанным на веб-технологиях, всё что вы можете сделать в веб-приложение – можно реализовать и в Slidev. Например: WebGL, API запросы, iframes, или даже live sharing. Все зависит от вашего воображения!

Попробуйте сами

Лучше один раз увидеть, чем сто раз услышать – поиграйте со Slidev. Вас отделяет всего одна команда:

$ npm init slidev

Или посмотрите демо: