Por que o Slidev

Existem inúmeras ferramentas para criar slides cheias de recurso, de uso geral, como Microsoft PowerPoint e Apple Keynote. Elas funcionam muito bem para fazer slides legais com animações, gráficos, e muitas outras coisas, além de serem bem intuitivas e fáceis de aprender. Então por que gastar tempo fazendo o Slidev?

O Slidev visa fornecer a flexibilidade e a interatividade para desenvolvedores fazerem suas apresentações ainda mais interessantes, expressivas, e atraentes usando ferramentas e tecnologias das quais já estão familiarizados.

Ao trabalhar com editores WYSIWYG, é bem fácil se distrair com as opções de estilização. O Slidev corrige isso separando o conteúdo dos recursos visuais. Isto te permite focar em uma coisa de cada vez, além de reutilizar temas da comunidade. O Slidev não pretende substituir completamente outras ferramentas de slides. Em vez disso, se concentra em atender à comunidade de desenvolvedores.

Nota: WYSIWYG é um acrônimo para "What You See Is What You Get", que seria algo como "O que você vê é o que você obtém".

Slidev

Aqui estão alguns dos recursos mais legais do Slidev:

Baseado em markdown

O Slidev usa um formato estendido do Markdown para armazenar seus slides em um único arquivo de texto. Isto te permite focar em produzir o conteúdo. E já que o conteúdo é separado dos estilos, isto também te permite trocar de temas sem esforço.

Aprenda mais sobre a sintaxe Markdown do Slidev.

Suporte a Temas

Temas para o Slidev podem ser compartilhados e instalados usando pacotes do npm. Você pode aplicá-los com uma linha de configuração.

Dê uma olhada na galeria de temas ou aprenda a escrever um tema.

Feito para Desenvolvedores

O Slidev fornece suporte de primeira à blocos de código. Suporta tanto o Prism quanto o Shiki para conseguir um destaque perfeito da sintaxe, ainda tendo a possibilidade de modificação do código a qualquer hora. Com o editor Monaco embutido, ele também te permite escrever código em tempo real / demonstrá-lo na sua apresentação com autocomplete, tipo da variável ao passar o mouse em cima, e até suporte à checagem de tipo do TypeScript.

Aprenda mais sobre destacadores e configurações do Monaco.

Rápido

O Slidev é construído com Vite, Vue 3 e Windi CSS, o que te proporciona uma experiência espetacular de desenvolvimento. Toda mudança que você fizer refletirá instantaneamente em seus slides.

Saiba mais sobre nossas tecnologias.

Interativo & Expressivo

Você pode desenvolver componentes do Vue customizados e usá-los diretamente no seu arquivo markdown. Você também pode interagir com eles nas apresentações para expressar sua ideia de uma forma mais intuitiva e interessante.

Suporte a Gravação

O Slidev fornece gravação e visão da câmera integrados. Você pode compartilhar a sua apresentação com a visão da sua câmera embutida, ou gravar e salvar a sua tela e câmera separadamente. Tudo de uma vez só, sem a necessidade de nenhuma ferramente adicional.

Aprenda mais sobre gravação aqui.

Portátil

Exporte seus slides para PDF, PNGs, ou até mesmo uma aplicação SPA hospedável com um único comando, e os compartilhe em qualquer lugar.

Leia mais sobre isto na documentação de exportação.

Customizável

Sendo baseado em tecnologias web, qualquer coisa que pode ser feita numa aplicação web também é possível com o Slidev. Por exemplo, WebGL, requisição à APIs, iframes, ou até mesmo compartilhamento ao vivo. Só depende da sua imaginação!

De uma Chance

Brincar um pouco com o Slidev vai te dizer mais do que mil palavras. E está a apenas um comando de você:

$ npm init slidev

Ou tenha uma breve prévia: