Przewodnik: Slop Code

Pierwsze kroki w Slop Code

Slop Code to edytor kodu dla plików w Slop Drive. Edytuje JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python i zwykły tekst, a HTML i JavaScript uruchamia w podglądzie w piaskownicy. Nic nie jest przesyłane.

Otwórz Slop Code

Utwórz lub otwórz plik

Eksplorator pokazuje foldery i pliki Slop Drive. Przyciski Plik i Folder tworzą nowe elementy w wybranym folderze. Kliknij prawym przyciskiem wiersz, aby wybrać Zmień nazwę, Przenieś do…, Kopiuj ścieżkę albo Usuń. Usuń przenosi go do Kosza Slop Drive.

1. Kliknij Nowy plik… (albo Nowy u góry).
2. Wybierz Typ, np. HTML. Ustawia on rozszerzenie i podświetlanie.
3. Wpisz Nazwę i kliknij Utwórz. Plik powstaje w Slop Drive i otwiera się w karcie.
4. Aby edytować plik, który już masz, kliknij Otwórz z Slop Drive… albo kliknij go w Eksploratorze po lewej.

Edytuj i zapisuj

Edytor ma numery wierszy, zwijanie, podświetlanie nawiasów, wyszukiwanie i zamianę oraz wiele kursorów (Ctrl+klik dodaje jeden). Naciśnij Ctrl+Spacja, aby uzupełnianie i fragmenty. Enter lub Tab zatwierdza.

Twoje zmiany zostają jako szkic na tym urządzeniu, aż zapiszesz. Kropka oznacza kartę z niezapisanymi zmianami.

1. Naciśnij Ctrl+S albo kliknij Zapisz, aby zapisać plik z powrotem w tym samym pliku Slop Drive.
2. Kliknij Zapisz jako, aby zapisać kopię w wybranym folderze.

Uruchom stronę

Podgląd nie ma dostępu do sieci. CSS, skrypty i obrazy, do których strona odwołuje się ścieżką względną, pochodzą z tego samego folderu w Slop Drive.

1. Otwórz plik HTML lub JavaScript.
2. Kliknij Uruchom albo naciśnij Ctrl+Enter.
3. Podgląd otwiera się po prawej. Pod nim pokazują się komunikaty konsoli i błędy. Kliknij Zamknij, aby go ukryć.

Rozszerzenia i inne pliki

Panel Rozszerzenia ma wbudowane pomocniki, które możesz włączać i wyłączać: Formatowanie (Formatuj dokument), przełącznik trybu języka i Fragmenty. Nic nie jest pobierane.

Plik Markdown ma przycisk Podgląd, który pokazuje go wyrenderowanego. Obrazy, dźwięk, wideo i PDF-y otwierają się w karcie widoku, która służy tylko do odczytu.

Wskazówka: Ctrl+B pokazuje lub ukrywa pasek boczny. Kliknij Polecenia, aby przeszukać wszystkie polecenia.

Skróty klawiszowe