slidevjs/slidev

어떤 프로젝트인가요?

핵심 기능

• 01Vue 컴포넌트를 포함한 Markdown 슬라이드 작성
• 02구문 강조가 적용된 코드 블록과 라이브 코딩
• 03기본 제공되는 LaTeX 수식과 Mermaid 다이어그램
• 04별도의 창이나 휴대폰에서 실행할 수 있는 발표자 모드
• 05카메라 화면을 활용한 그리기, 주석 작성 및 녹화
• 06PDF, PNG 또는 PPTX로 내보내기

활용 사례

• 코드 예제가 포함된 기술 발표나 컨퍼런스 발표 준비
• 버전 관리되는 Markdown으로 팀 기술 공유 슬라이드 작성
• 라이브 Vue 컴포넌트를 포함하는 인터랙티브 데모 제작

빠른 시작

1. 1

   Node.js 22.12.0 이상을 설치하세요

2. 2

   로컬에서 새 Slidev 프로젝트를 초기화하세요

   npm init slidev

사용 전 알아둘 점

• !Node.js 22.12.0 이상이 필요합니다.

토픽

자주 묻는 질문

slidev은(는) 무엇인가요?

Vue와 Vite 기반의 개발자용 Markdown 프레젠테이션 도구로, 라이브 코드와 다이어그램, 발표자 모드를 지원합니다. Slidev는 Markdown으로 슬라이드를 작성하고 웹 앱으로 렌더링하는 프레젠테이션 도구입니다. 각 슬라이드에 Vue 컴포넌트, 구문 강조와 라이브 코딩을 지원하는 코드, LaTeX 수식, Mermaid 다이어그램을 넣을 수 있어 기술 발표에서 다루는 코드를 가까이 두고 설명할 수 있습니다.

slidev은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

slidev은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

slidev은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. slidev의 마지막 커밋은 2026년 10월 18일입니다.

slidev은(는) 어디에 사용할 수 있나요?

코드 예제가 포함된 기술 발표나 컨퍼런스 발표 준비 버전 관리되는 Markdown으로 팀 기술 공유 슬라이드 작성 라이브 Vue 컴포넌트를 포함하는 인터랙티브 데모 제작

slidev는 어떻게 설치하나요?

Node.js 22.12.0 이상을 설치하세요 로컬에서 새 Slidev 프로젝트를 초기화하세요: npm init slidev

slidev은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/slidevjs/slidev