Начало работы

Обзор

Spck Editor — это решение для мобильного редактирования кода с несколькими вариантами, разработанными для разработчиков.

Версии

Spck Editor (Бесплатная)

• Основная функциональность мобильного редактирования кода
• Интеграция портативной библиотеки git через isomorphic-git

Spck Editor Lite

Цена: Разовый платёж Возможности:

• Пользовательские сниппеты
• Предиктивная клавиатура
• Эксклюзивная тема Neon

Spck для NodeJS

Платформа: Эксклюзивно для Android Ключевая возможность: Интегрированный терминал с поддержкой NodeJS

Версия для браузера

• Встраиваемая на любой веб-сайт
• Лёгкий интерфейс редактирования кода

Ключевые возможности

• Дизайн с приоритетом для мобильных устройств
• Интеграция с Git
• Кроссплатформенная совместимость

Рекомендуемое использование

• Редактирование кода на ходу
• Быстрые модификации проектов
• Обучение и прототипирование

Терминология

Термин	Описание
Меню навигации	Относится к первой вкладке бокового меню на мобильных устройствах, это меню недоступно в версии для браузера или режиме планшета
Меню файлов	Относится к вкладке File в боковом меню или боковой панели
Дополнительная клавиатура	На мобильных устройствах существует дополнительная клавиатура с часто используемыми символами кодирования для быстрой вставки
Сенсорная клавиатура	Обычно это относится к ряду клавиш, содержащему клавиши со стрелками, клавишу Tab и другие
Сенсорная панель действий	Это плавающее меню, которое появляется над курсором, когда текст выбран на мобильном/сенсорном устройстве
Сенсорные курсоры	Экранные курсоры, которые появляются на мобильном/сенсорном устройстве при выделении текста или активном курсоре
Режим планшета	Это относится к настройке, которую можно включить на больших сенсорных устройствах, таких как планшет
Клавиша ⌘	Этот символ на сенсорной клавиатуре аналогичен клавише Ctrl в Windows или клавише Command на Mac
Клавиша ⌥	Этот символ на сенсорной клавиатуре аналогичен клавише Alt в Windows или клавише Option на Mac

 

 

Сочетания клавиш

Обзор

Откройте молниеносную эффективность с этими удобными сочетаниями клавиш! Хотя это не полный каталог, эти жемчужины зарядят вашу продуктивность и сделают навигацию лёгкой.

Ключевые моменты

• Не исчерпывающий: Курируемая подборка наиболее практичных сочетаний клавиш
• Цель: Усилить ваш рабочий процесс быстрыми, интуитивно понятными командами
• Преимущество: Экономить время и уменьшить зависимость от мыши

💡 Совет профи: Запомните эти сочетания клавиш и смотрите, как взлетает ваша продуктивность! 🌟

Вы можете просмотреть полный список сочетаний клавиш, перейдя в Settings > Editor > Keyboard Shortcuts

Премиум-пользователи также могут получить доступ к сочетаниям клавиш непосредственно из дополнительной клавиатуры или с помощью сочетания ⌘ K

Включите клавишу Ctrl/Command (⌘) и клавишу Alt/Options, включив Settings > Touch > Show ⌘ Key и Settings > Touch > Show ⌥ Key

Редактор

Сочетание	Действие
⌘ A	Выделить всё
⌘ C	Копировать
⌘ V	Вставить
⌘ X	Вырезать
⌘ Z	Отменить
⌘ ⇧ Z	Повторить
⌘ D	Дублировать строку
⌘ /	Закомментировать/Раскомментировать строку
⌥ F	Форматировать код
⌘ F	Найти
⌘ G	Найти следующее (работает с выделенным текстом)
⌘ ⇧ G	Найти предыдущее
⌘ L	Перейти к строке

Быстрые действия

Сочетание	Действие
⌘ ⇧ C	Git Commit
⌘ O	Открыть недавние файлы
⌘ ⇧ P	Запустить предпросмотр проекта
⌘ P	Переключить предпросмотр файла (SVG, Markdown)
⌘ K	Supporter+: Открыть сочетания клавиш

 

 

Сенсорные настройки

Дополнительная клавиатура

• Дополнительная клавиатура — это клавиатура символов, разработанная для сенсорных устройств.
• К дополнительным клавишам/символам можно получить доступ, нажав и удерживая клавиши, что открывает меню опций.
• Вы можете включить или отключить её в меню Settings > Touch > Extra Keyboard.

💡 Совет профи: См. Расширенное редактирование для советов по окружению текста, что совместимо с дополнительной клавиатурой.

Сенсорная клавиатура

• Сенсорные клавиши состоят из ряда клавиш, включая клавиши со стрелками, клавишу Command и другие часто используемые клавиши.
• Эта функция доступна на сенсорных устройствах.
• Вы можете включать или отключать её в разделе Settings > Touch > Touch Keyboard.

💡 Совет профи: Вы можете настроить отдельные клавиши на этой клавиатуре, регулируя настройки.

Сенсорная панель действий

• При выделении текста появится панель действий с опциями «Копировать», «Вырезать» и «Вставить».
• Эту функцию можно включить или отключить в Settings > Touch > Touch Action Bar.

Сенсорные курсоры

• Экранные курсоры, которые появляются при выделении текста или активности курсора.
• Эту функцию можно включить или отключить в Settings > Touch > Touch Cursors.

💡 Совет профи: Не рекомендуется отключать эту функцию, если у вас нет мыши/указательного устройства, сопряжённого с мобильным устройством. Отключение сенсорных курсоров может улучшить видимость экрана при редактировании и улучшить опыт редактирования при использовании внешних указательных устройств.

Предиктивные клавиши

• Предиктивные клавиши — это премиум-функция, которая заменяет стандартную дополнительную клавиатуру.
• Предлагает ввод символов одним касанием вместо удержания и выбора в обычной дополнительной клавиатуре.
• Клавиши упорядочены по статистической частоте появления символов в определённой позиции в файле.
• Её можно включать или отключать в Settings > Touch > Predictive Keyboard.

💡 Совет профи: Предиктивные клавиши заменяют обычную дополнительную клавиатуру, которую некоторые пользователи могут предпочесть. Предиктивные клавиши являются опцией по умолчанию в Lite-версии редактора, и могут быть отключены, чтобы вернуть обычную дополнительную клавиатуру.

 

 

Навигация по файлам

Обзор

• Существует несколько способов навигации между файлами
• Вы можете перемещаться по файлам, используя Файлы в боковом меню
• Вы можете использовать «хлебные крошки» для навигации по файлам, начиная с текущего каталога файла
• Вы можете открыть Недавние файлы с помощью Ctrl-O для быстрого поиска файлов
• Вы можете использовать значок «Locate» в боковом меню Файлов для быстрого определения местоположения текущих файлов
• Боковые меню «Контроль источника» и «Поиск» также предлагают уникальные способы навигации между файлами

Управление вкладками файлов

Поведение вкладок

• Файлы автоматически открепляются при первоначальном открытии
• Вкладки закрепляются, когда производятся правки

Опции сортировки вкладок

Файлы можно сортировать по:

• Алфавитному порядку
• Расширению файла
• Пути файла

Альтернативные каналы навигации

• Меню Контроль источника: Навигация по файлам через контекст контроля версий
• Меню Поиск: Поиск и доступ к файлам на основе критериев поиска

💡 Совет профи: Вкладки файлов можно скрыть в Settings > Appearance > Show File Tabs. См. Дзен-режим для максимизации пространства экрана на меньших устройствах.

 

 

Расширенное редактирование

Эффективное использование предиктивной клавиатуры

Базовое выделение

• Двойное касание для выделения слова или текстового блока

Окружение текста

Быстро окружайте выделенный текст, используя пары скобок или кавычек:

• Круглые скобки: ( )
• Квадратные скобки: [ ]
• Фигурные скобки: { }
• Одинарные кавычки: ' '
• Двойные кавычки: " "

Навигация и редактирование

Текстовый поиск

• ⌘ G: Найти следующее вхождение
• ⌘ ⇧ G: Найти предыдущее вхождение

Отступы

• Выделите текстовый блок
• Нажмите Tab для отступа

 

Множественные курсоры

Быстрая настройка

• Включите множественные курсоры с клавишей Alt/Option! ✨
• Перейдите в Settings > Touch > Show ⌥ Key для активации

Как использовать

1. Выберите обе клавиши ⌥ и ⌘
2. Кликните, чтобы поместить курсоры именно там, где вы хотите
3. Редактируйте несколько строк одновременно с лёгкостью! 💻

💡 Совет профи: Редактирование с несколькими курсорами = молниеносное преобразование кода! ⚡️ Также возможно добавлять множественные курсоры с помощью команд палитры команд Add Cursor Above и Add Cursor Below, которые добавят курсор непосредственно над или под текущей позицией курсора.

 

 

Ограничения Git

Обзор

Интеграция Git в редакторе работает на основе isomorphic-git, чистой JavaScript-реализации Git, которая работает полностью на стороне клиента. Хотя это позволяет выполнять операции Git непосредственно в браузере и на мобильных устройствах без сервера, это связано с несколькими ограничениями, присущими запуску Git в изолированной среде JavaScript.

Ограничения памяти

• Мобильные приложения обычно ограничены примерно 50 МБ памяти операционной системой.
• Операции Git на больших репозиториях могут превысить этот бюджет и привести к завершению работы приложения.
• Чтение больших pack-файлов (файлы .pack в .git/objects/pack/) требует загрузки значительных частей в память одновременно, что неосуществимо на устройствах с ограниченной памятью.
• В результате клонирование или операции на больших репозиториях могут завершиться с ошибками нехватки памяти на мобильных устройствах.

💡 Совет: Для больших репозиториев используйте поверхностные клоны (shallow clones), где это возможно, или рассмотрите возможность работы с меньшим подмножеством репозитория.

Совместимость с символическими ссылками

• Символические ссылки (symlinks) не поддерживаются нативно в браузерной/мобильной песочнице по соображениям безопасности.
• Редактор использует представление эмулированных символических ссылок в качестве обходного пути, чтобы репозитории, содержащие символические ссылки, всё равно могли быть извлечены.
• Эта эмуляция может иметь проблемы совместимости с инструментами, которые ожидают настоящие символические ссылки файловой системы (например, некоторые инструменты сборки, менеджеры пакетов или скрипты, которые разрешают цели символических ссылок во время выполнения).
• Репозитории, которые сильно зависят от символических ссылок, могут не вести себя идентично нативной Git-проверке.

Использование CLI в качестве альтернативы

Эти ограничения применяются только к встроенному в приложение клиенту Git. Они не влияют на Spck CLI, который использует нативный бинарный файл Git в хост-системе:

• Нет потолка памяти в 50 МБ — операции Git ограничены только доступной памятью вашей машины.
• Большие pack-файлы и большие репозитории обрабатываются нативно.
• Настоящие символические ссылки работают, как ожидается, с полной совместимостью с другими инструментами.
• Доступны все функции Git и команды plumbing, а не только подмножество, реализованное isomorphic-git.

💡 Совет профи: Если вы часто работаете с большими репозиториями или проектами, которые зависят от символических ссылок, использование Spck CLI для операций Git (clone, fetch, push) — при этом продолжая редактировать файлы в мобильном приложении — даёт вам лучшее из обоих миров.

 

 

🌟 Дзен-режим

Обзор

Дзен-режим — это восхитительная конфигурация редактора, максимизирующая пространство, разработанная для преобразования вашего опыта программирования на компактных дисплеях.

Дзен-режим состоит из:

• Отключения Show Line Numbers в настройках
• Отключения Show File Tab
• Отключения Touch Action Bar

Ключевые возможности

🧘‍♀️ Максимизированное пространство экрана

• Прощайте, номера строк!
  • Освободите драгоценное горизонтальное пространство
  • Предотвратите ощущение тесноты текста
  • Примите чистый, минималистичный вид

🎨 Упрощённый интерфейс

• Минимизация панели действий
  • Попрощайтесь с загромождёнными панелями инструментов
  • Используйте альтернативные методы ввода:
    • Кнопки вставки/вырезания дополнительной клавиатуры
    • Сочетания клавиш (Ctrl-C/Ctrl-V)

📂 Упрощённая навигация

• Устранение вкладок файлов
  • Ctrl-O становится вашим новым лучшим другом для навигации
  • Более чистое рабочее пространство
  • Более быстрое переключение контекста

💡 Совет профи: Стиль программирования у всех разный! Мы рекомендуем поэкспериментировать с Дзен-режимом, чтобы увидеть, резонирует ли он с вашим рабочим процессом. Ваша идеальная среда программирования находится всего в нескольких переключениях! 🌈✨