Slopographic

Посібник з Slop Code

Початок роботи зі Slop Code

Slop Code — це редактор коду для файлів у вашому Slop Drive. Він редагує JavaScript, TypeScript, HTML, CSS, JSON, Markdown, Python і простий текст, а HTML та JavaScript запускає в ізольованому попередньому перегляді. Нічого не вивантажується.

Відкрити Slop Code

Створіть або відкрийте файл

«Провідник» показує теки й файли Slop Drive. Кнопки «Файл» і «Тека» створюють нові елементи у вибраній теці. Клацніть рядок правою кнопкою для «Перейменувати», «Перемістити до…», «Копіювати шлях» і «Видалити». «Видалити» переносить його в кошик Slop Drive.

  1. Натисніть «Новий файл…» (або «Новий» угорі).
  2. Виберіть «Тип», наприклад HTML. Він задає розширення та підсвічування.
  3. Введіть «Назву» і натисніть «Створити». Файл створюється в Slop Drive і відкривається у вкладці.
  4. Щоб редагувати файл, який у вас уже є, натисніть «Відкрити з Slop Drive…» або клацніть його в «Провіднику» ліворуч.
Діалог «Новий файл» у Slop Code з типом HTML і назвою hello.html

Редагуйте й зберігайте

Редактор має нумерацію рядків, згортання, підсвічування парних дужок, пошук і заміну та кілька курсорів (Ctrl+клік додає один). Натисніть Ctrl+Space для автодоповнення та фрагментів. Enter або Tab приймає пропозицію.

Ваші зміни зберігаються як чернетка на цьому пристрої, доки ви їх не збережете. Крапка позначає вкладку з незбереженими змінами.

  1. Натисніть Ctrl+S або «Зберегти», щоб записати файл назад у той самий файл Slop Drive.
  2. Натисніть «Зберегти як», щоб зберегти копію в теку на ваш вибір.

Запустіть сторінку

Попередній перегляд не має доступу до мережі. CSS, скрипти й зображення, на які сторінка посилається відносним шляхом, беруться з тієї самої теки Slop Drive.

  1. Відкрийте HTML- або JavaScript-файл.
  2. Натисніть «Запустити» або Ctrl+Enter.
  3. Праворуч відкривається «Попередній перегляд». Під ним показуються повідомлення консолі та помилки. Натисніть «Закрити», щоб приховати його.
Slop Code з відкритим hello.html у редакторі та його сторінкою, що працює в «Попередньому перегляді», з повідомленням «Page ready» у консолі

Розширення та інші файли

Панель «Розширення» містить вбудовані помічники, які можна вмикати й вимикати: «Форматування» (Форматувати документ), перемикач мови та «Фрагменти». Нічого не завантажується.

У файлів Markdown є кнопка «Перегляд», яка показує їх відрендерені. Зображення, аудіо, відео та PDF відкриваються у вкладці перегляду, яка лише для читання.

Порада: Ctrl+B показує або ховає бічну панель. Натисніть «Команди», щоб знайти будь-яку команду.

Клавіатурні скорочення

КлавішіЩо робить
Ctrl+OВідкрити з Slop Drive
Ctrl+Alt+NНовий файл
Ctrl+Alt+Shift+NНова тека
Ctrl+SЗберегти
Ctrl+Shift+SЗберегти як
Ctrl+Alt+WЗакрити вкладку
Ctrl+F / Ctrl+HЗнайти / замінити
Ctrl+SpaceАвтодоповнення
Ctrl+Shift+FФорматувати документ
Ctrl+Alt+ZПеремкнути перенесення рядків
Ctrl+BПоказати або сховати «Провідник»
Ctrl+EnterЗапустити попередній перегляд