Slopographic

Anleitung zu Slop Code

Erste Schritte mit Slop Code

Slop Code ist ein Code-Editor für die Dateien in Ihrem Slop Drive. Er bearbeitet JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python und Klartext und führt HTML und JavaScript in einer abgeschotteten Vorschau aus. Nichts wird hochgeladen.

Slop Code öffnen

Eine Datei anlegen oder öffnen

Der Explorer zeigt Ihre Ordner und Dateien in Slop Drive. Die Schaltflächen Datei und Ordner legen neue Elemente im gewählten Ordner an. Ein Rechtsklick auf eine Zeile zeigt Umbenennen, Verschieben nach…, Pfad kopieren und Löschen. Löschen verschiebt sie in den Papierkorb.

  1. „Neue Datei…“ klicken (oder oben „Neu“).
  2. Einen Typ wählen, etwa HTML. Er legt die Endung und die Hervorhebung fest.
  3. Einen Namen eintippen und auf „Erstellen“ klicken. Die Datei wird in Slop Drive angelegt und öffnet sich in einem Reiter.
  4. Um eine vorhandene Datei zu bearbeiten, klicken Sie auf „Aus Slop Drive öffnen…“ oder auf sie im Explorer links.
Der Dialog Neue Datei in Slop Code mit dem Typ HTML und dem Namen hello.html

Bearbeiten und speichern

Der Editor hat Zeilennummern, Einklappen, Klammerzuordnung, Suchen und Ersetzen sowie mehrere Cursor (Ctrl+Klick fügt einen hinzu). Drücken Sie Ctrl+Space für Vervollständigung und Snippets. Enter oder Tab übernimmt.

Ihre Änderungen bleiben bis zum Speichern als Entwurf auf diesem Gerät. Ein Punkt markiert einen Reiter mit nicht gespeicherten Änderungen.

  1. Ctrl+S drücken oder auf „Speichern“ klicken, um die Datei in dieselbe Datei in Slop Drive zurückzuschreiben.
  2. „Speichern unter“ klicken, um eine Kopie in einem Ordner Ihrer Wahl zu speichern.

Eine Seite ausführen

Die Vorschau hat keinen Netzzugang. CSS, Skripte und Bilder, die die Seite über einen relativen Pfad einbindet, kommen aus demselben Ordner in Slop Drive.

  1. Eine HTML- oder JavaScript-Datei öffnen.
  2. „Ausführen“ klicken oder Ctrl+Enter drücken.
  3. Die Vorschau öffnet sich rechts. Konsolenmeldungen und Fehler erscheinen darunter. „Schließen“ blendet sie aus.
Slop Code mit geöffneter hello.html im Editor und ihrer Seite in der Vorschau, mit Seite bereit in der Konsole

Erweiterungen und andere Dateien

Das Panel Erweiterungen hat eingebaute Helfer, die Sie ein- und ausschalten können: Formatierer (Dokument formatieren), den Sprachmodus-Umschalter und Snippets. Es wird nichts geladen.

Eine Markdown-Datei hat eine Schaltfläche Vorschau, die sie gerendert zeigt. Bilder, Audio, Video und PDFs öffnen sich in einem Anzeigereiter, der nur lesbar ist.

Tipp: Ctrl+B blendet die Seitenleiste ein oder aus. Klicken Sie auf „Befehle“, um jeden Befehl zu suchen.

Tastenkombinationen

TastenWas sie tut
Ctrl+OAus Slop Drive öffnen
Ctrl+Alt+NNeue Datei
Ctrl+Alt+Shift+NNeuer Ordner
Ctrl+SSpeichern
Ctrl+Shift+SSpeichern unter
Ctrl+Alt+WReiter schließen
Ctrl+F / Ctrl+HSuchen / Ersetzen
Ctrl+SpaceVervollständigen
Ctrl+Shift+FDokument formatieren
Ctrl+Alt+ZZeilenumbruch umschalten
Ctrl+BExplorer ein- oder ausblenden
Ctrl+EnterVorschau ausführen