Folien-Präsentationen mit Slidev erstellen (Vue.js)

Dieser Artikel stellt Slidev vor, eine Open-Source-Software für Folien-Präsentationen, die mit Vue.js erstellt wurde. Slidev verwendet Markdown und enthält Funktionen wie Zeichnen, Nachtmodus und Webcam-Integration. Wir behandeln Slidevs Funktionen, Möglichkeiten, Installationsmethoden und Verwendung.

GitHub:

slidevjs/slidev Presentation Slides for Developers (Beta) Präsentationsfolien für Entwickler (Beta) [slidevjs/slidev: Presentation Slides for Developers (Beta)](https://github.com/slidevjs/slidev)

Installation

Unten finden Sie die Installationsanleitung für Slidev.

Node.js v14 installieren

Verwenden Sie Chocolatey, um nvm (Node.js Versionsverwaltungssystem) zu installieren. Dies ermöglicht es Ihnen, in späteren Schritten jede Version von Node.js zu installieren.

choco install nvm -y
refreshenv

Für einen Überblick darüber, was Chocolatey ist und wie man es installiert, siehe das Folgende.

Chocolatey unter Windows 11 installieren

Verwenden Sie das installierte nvm, um Node.js Version 14.13.1 mit folgendem Befehl zu installieren. Node.js Version v14 oder höher ist eine der Anforderungen für die Slidev-Umgebung. Installieren Sie Node.js v14 oder höher.

nvm install 14.13.1 

Bestätigen Sie, dass Node.js installiert ist.

> C:\ProgramData\nvm\v14.13.1\node64.exe -v
v14.13.1

Erstellen Sie ein beliebiges Verzeichnis und navigieren Sie dorthin. Initialisieren Sie ein Node.js-Projekt mit dem Befehl npm init, um eine package.json-Datei zu erstellen.

cd C:\pg\node\_win_v14.13.1_dev\
C:\ProgramData\nvm\v14.13.1\npm.cmd init 

Slidev installieren und ausführen

Laut der oben genannten GitHub-Dokumentation wird empfohlen, anstatt das Slidev-Paket mit npm install zu installieren, den Befehl npm init slidev auszuführen, der automatisch Konfiguration, Dateigenerierung, Serverausführung und Öffnen der localhost-Adresse im Browser übernimmt.

C:\ProgramData\nvm\v14.13.1\npm.cmd npm init slidev

# oder 

npm init slidev

Die Ausgabe des obigen Befehls sieht so aus:

Wenn die Befehlsausführung und Installation erfolgreich abgeschlossen werden, werden Dateien und Ordner automatisch generiert, der Server läuft, und die Adresse “http://localhost:3030/” sollte automatisch im Browser als Slidev-Benutzeroberfläche geöffnet werden.

(Generierter Projekt-Dateibaum)

.
└── slidev
    ├── README.md
    ├── components
    ├── netlify.toml
    ├── node_modules
    ├── package-lock.json
    ├── package.json
    ├── slides.md
    └── vercel.json

Wie im Bild oben gezeigt, werden die Hauptkonfiguration und Folieninhalte in Markdown durch Bearbeiten der “slides.md”-Datei geschrieben. Wenn Sie die slides.md-Datei bearbeiten und speichern, werden die Folien auf dem Bildschirm automatisch aktualisiert.

Verwendung & Funktionen

Die Hauptfunktionen umfassen das Folgende:

Hintergrund Schwarz/Weiß-Umschalter (Nachtmodus):

Stift-Zeichnen / Zeichnen:

Webcam hinzufügen / Aufnahme:

Zusammenfassung

Dieser Artikel stellte Slidev vor, eine Open-Source-Software für Folien-Präsentationen. Hier ist eine Zusammenfassung der wichtigsten Punkte.

Slidev ist ein Präsentationsfolien-Erstellungswerkzeug für Entwickler, mit dem Sie Folien mit Markdown erstellen können. Zusätzlich werden viele Funktionen bereitgestellt, darunter Zeichnen, Nachtmodus und Webcam-Integration.

Die Installationsschritte sind wie folgt:

1. Node.js v14 installieren: Installieren Sie Node.js v14 mit NVM, einem Node.js-Versionsverwaltungstool. Node.js v14 oder höher ist erforderlich, damit Slidev ordnungsgemäß funktioniert.

2. Slidev installieren: Installieren Sie das Slidev-Paket mit dem Befehl npm init slidev und automatisieren Sie Projektkonfiguration und Dateigenerierung. Dies generiert ein Slidev-Projekt und ermöglicht die Vorschau von Folien im Browser.

Die Slidev-Projektdateistruktur umfasst die slides.md-Datei und andere. Folieninhalte werden durch Bearbeiten dieser Markdown-Datei erstellt.

Slidevs Hauptfunktionen umfassen Nachtmodus, Stift-Zeichnen, Webcam-Hinzufügung und Aufnahme und mehr. Sie können diese Funktionen nutzen, um ansprechende Präsentationen zu erstellen.

Slidev ist ein Werkzeug, das für Entwickler und Techniker konzipiert wurde und eine ausgezeichnete Option zum effizienten Erstellen von Folien-Präsentationen und zur Nutzung umfangreicher Funktionen darstellt.