slidev은(는) 무엇을 하나요?
개발자를 위한 웹 기반 슬라이드덱을 만들고 발표하세요. Slidev를 통해 Markdown, Vue 컴포넌트, 코드 하이라이팅, 애니메이션 및 대화형 기능을 활용할 수 있습니다. 기술 프레젠테이션, 컨퍼런스 발표, 코드 워크스루, 교육 자료, 또는 개발자 덱을 구축할 때 사용하세요.
주요 기능
- Markdown 기반: 익숙한 Markdown 문법으로 슬라이드 콘텐츠를 작성하세요.
- Vue 컴포넌트: Vue 3 컴포넌트를 슬라이드에 포함하여 동적인 콘텐츠를 표현하세요.
- 코드 하이라이팅: 주요 코드 블록에 대해 Prism 또는 Shiki를 사용한 구문 강조를 지원합니다.
- 애니메이션: 슬라이드 전환 효과와 요소별 애니메이션을 추가하세요.
- 대화형 기능: 클릭, 호버 등의 상호작용을 통해 청중을 참여시키세요.
- 발표자 노트: 슬라이드에 발표자 노트를 첨부하고 발표자 모드에서 확인하세요.
- 내보내기: PDF, PNG, HTML 등 다양한 형식으로 프레젠테이션을 내보낼 수 있습니다.
- 녹화: 프레젠테이션을 비디오로 녹화하여 공유하세요.
- 레이저 포인터: 발표 중 화면에 레이저 포인터를 표시하세요.
- 테마: 다양한 내장 테마를 지원하며 커스텀 CSS로 스타일링할 수 있습니다.
시작하기
설치
npm install -g @slidev/cli
또는
pnpm add -g @slidev/cli
새 프레젠테이션 생성
slidev init my-presentation
cd my-presentation
slidev
편집
slides.md 파일을 열고 내용을 편집하세요. 각 슬라이드는 ---로 구분됩니다.
---
# 첫 번째 슬라이드
Markdown으로 내용을 작성하세요.
두 번째 슬라이드
다른 Vue 컴포넌트를 포함할 수 있습니다.
옵션
slides.md 파일의 YAML 프론트매터에서 전역 설정을 구성할 수 있습니다.
---
layout: cover
title: 내 프레젠테이션
theme: default
transition: slide-left
mermaid: true
lineNumbers: true
---
슬라이드별 레이아웃
---
layout: center
---
# 가운데 정렬된 슬라이드
명령어
slidev— 프레젠테이션 개발 서버를 시작합니다.slidev build— 정적 HTML 파일로 프레젠테이션을 빌드합니다.slidev export— PDF, PNG 또는 기타 형식으로 내보냅니다.slidev format—slides.md파일을 포맷합니다.
자세히 보기
공식 문서: Slidev 문서