Skip to content
Skip to contents
Skip to reading controls

Search skills⌘K

Setting the file. One moment.

This file

Type

Size

Lines

Position

antfu
/
antfu/skills

Editor VSCode · Slidev · antfu/skills · Skills Docs

Repo No. 94 · Slidev

↖Back to the cover

Antfu Design
Antfu
Nitro
Nuxt
Pinia
pnpm
Slidev
Tsdown
Turborepo
Unocss
Vite
Vitepress
Vitest
Vue Best Practices
Vue Router Best Practices
Vue Testing Best Practices
Vue
Vueuse Functions
Web Design Guidelines

19 skills · 40 min

Skill 07 · Slidev

Subchapter 7.34

Editor VSCode

references/editor-vscode.mdMarkdown926 BView on GitHub

VS Code Extension

Manage slides visually in VS Code.

Installation

7Up to skill 7Slidev

On this page

VS Code Extension
Installation
Features
Usage
Commands
Configuration
Placeholders

This file

Number: 7.34
Position: 34 of 55
Type: Markdown
Size: 926 B

Nearby

Previous Editor Side
Next Layout Canvas Size

Source

Install from VS Code Marketplace: antfu.slidev

Features

Preview slides in side panel
Slides tree view
Drag and drop to reorder slides
Folding for slide blocks
Multiple project support
One-click dev server start

Usage

Click Slidev icon in activity bar
Projects tree shows all Slidev projects in workspace
Slides tree shows slides in active project
Preview panel shows live preview

Commands

Type Slidev in command palette to see available commands.

Configuration

Include specific files as Slidev entries:

json

{
  "slidev.include": ["**/presentation.md"]
}

Custom dev command:

json

{
  "slidev.dev-command": "pnpm slidev ${args}"
}

Placeholders

${args} - All CLI arguments
${port} - Port number

ReferenceEditor Side ReferenceLayout Canvas Size

references/editor-vscode.md

(opens in a new tab)

Raw file(opens in a new tab)

antfu/skills(opens in a new tab)