Slopographic

Slop Code-gids

Aan de slag met Slop Code

Slop Code is een codeeditor voor de bestanden in je Slop Drive. Hij bewerkt JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python en platte tekst, en draait HTML en JavaScript in een beveiligd voorbeeld. Er wordt niets geüpload.

Open Slop Code

Maak of open een bestand

De Verkenner toont je mappen en bestanden in Slop Drive. De knoppen Bestand en Map maken nieuwe items in de geselecteerde map. Klik met de rechtermuisknop op een rij voor Hernoemen, Verplaatsen naar…, Pad kopiëren en Verwijderen. Verwijderen zet het in de Prullenbak van Slop Drive.

  1. Klik op Nieuw bestand… (of Nieuw bovenaan).
  2. Kies een Type, zoals HTML. Dat stelt de extensie en de kleuring in.
  3. Typ een Naam en klik op Maken. Het bestand wordt in Slop Drive gemaakt en opent in een tabblad.
  4. Om een bestand te bewerken dat je al hebt, klik je op Openen uit Slop Drive…, of klik je erop in de Verkenner links.
Het venster Nieuw bestand in Slop Code met het type op HTML en de naam hello.html

Bewerk en sla op

De editor heeft regelnummers, inklappen, het matchen van haakjes, zoeken en vervangen, en meerdere cursors (Ctrl-klikken voegt er één toe). Druk op Ctrl+Spatie voor aanvullen en snippets. Enter of Tab neemt over.

Je wijzigingen worden op dit apparaat als concept bewaard tot je opslaat. Een stip markeert een tabblad met niet-opgeslagen wijzigingen.

  1. Druk op Ctrl+S, of klik op Opslaan, om het bestand terug te schrijven naar hetzelfde Slop Drive-bestand.
  2. Klik op Opslaan als om een kopie op te slaan in een map die je kiest.

Draai een pagina

Het voorbeeld heeft geen netwerktoegang. CSS, scripts en afbeeldingen die de pagina met een relatief pad koppelt, worden uit dezelfde map in Slop Drive gehaald.

  1. Open een HTML- of JavaScript-bestand.
  2. Klik op Uitvoeren, of druk op Ctrl+Enter.
  3. Het Voorbeeld opent rechts. Consolemeldingen en fouten staan eronder. Klik op Sluiten om het te verbergen.
Slop Code met hello.html geopend in de editor en de pagina die draait in het Voorbeeld, met Pagina klaar in de console

Extensies en andere bestanden

Het deelvenster Extensies heeft ingebouwde hulpmiddelen die je aan en uit kunt zetten: Opmaak (Document opmaken), een wisselaar voor de taalmodus, en Snippets. Er wordt niets gedownload.

Een Markdown-bestand heeft een knop Voorbeeld die het weergegeven toont. Afbeeldingen, audio, video en pdf’s openen in een weergavetabblad, dat alleen-lezen is.

Tip: Ctrl+B toont of verbergt de zijbalk. Klik op Opdrachten om elke opdracht te zoeken.

Sneltoetsen

ToetsenWat het doet
Ctrl+OOpenen uit Slop Drive
Ctrl+Alt+NNieuw bestand
Ctrl+Alt+Shift+NNieuwe map
Ctrl+SOpslaan
Ctrl+Shift+SOpslaan als
Ctrl+Alt+WTabblad sluiten
Ctrl+F / Ctrl+HZoeken / vervangen
Ctrl+SpaceAanvullen
Ctrl+Shift+FDocument opmaken
Ctrl+Alt+ZRegelomloop aan- of uitzetten
Ctrl+BDe Verkenner tonen of verbergen
Ctrl+EnterVoorbeeld uitvoeren