🧠 Teaching

Slidev - Setup and Run

1 min read

Update Existing Project

  1. Copy files from the old project except the node folder.
  2. Replace package.json with the new one
  3. pnpm install
  4. Follow instruction if there are any of them.
  5. pnpm dev

Setup & Install

Official Slidev suggests to use pnpm instead of npm for optimum performance and less headache during the updates.

Slidev Project

# Goto Root folder where you want to create a new slidev presentation
pnpm create slidev
 
# Open package.json file and change the version of slidev dependency
"@slidev/cli": "^0.51.0-beta.4"
 
# Run the installation again
pnpm install

Developing The Presentation

# Compile slidev
pnpm run dev

Publishing

pnpm run build --base /Slidev_Presentations/week03_cod_208/dist/
 
# if it throws error related to chromium do the following
pnpm add -D playwright-chromium
pnpm approve-builds
 
# install Logos `<logos-[name] />`
pnpm add @iconify-json/logos
 
# test again
pnpm run build --base /Slidev_Presentations/2025-2026/week03_cod_207-Computational_Thinking/dist --wait-until none
 
# before uploading to Github, open .gitignore file and remove <dist> folder line.

Exporting

# Export as pdf - if there are missing contents
slidev export --wait 1000

Themes

  • Academic Style Theme with tons of features Neversink
  • Apple Style Apple Basic
  • Academic style with footnote component and pagination Academic
  • Another academic theme, but bad interface Academic 2

Graph View