Перейти к основному содержимому

Разработка скриптов в VSCode

ScriptCat предоставляет расширение для VSCode, чтобы писать пользовательские скрипты прямо в редакторе. После сохранения изменения автоматически синхронизируются в ScriptCat в браузере — без ручного копирования, что сильно ускоряет разработку.

Требования​

Нужно установить два инструмента:

  1. Расширение ScriptCat в браузере — если ещё не установлено, следуйте Быстрому старту
  2. Расширение ScriptCat в VSCode — найдите «scriptcat-vscode» в Marketplace VSCode или скачайте из репозитория GitHub

Подключение​

После установки нужно связать расширение ScriptCat в браузере с VSCode:

  1. Нажмите значок ScriptCat в браузере, чтобы открыть панель управления
  2. Перейдите в Инструменты > Инструменты разработчика
  3. Найдите Автоподключение к службе VSCode, включите и нажмите Подключить

После подключения между VSCode и ScriptCat устанавливается канал в реальном времени.

Синхронизация скриптов​

После подключения можно выбрать один из двух способов:

Вариант 1: автоопределение (рекомендуется)​

  1. В VSCode нажмите Ctrl + Shift + P (Cmd + Shift + P на Mac), чтобы открыть палитру команд
  2. Введите и выберите scriptcat.autoTarget
  3. Далее при открытии или сохранении файла .user.js он автоматически синхронизируется в ScriptCat

Вариант 2: указанный скрипт​

  1. В VSCode нажмите Ctrl + Shift + P (Cmd + Shift + P на Mac)
  2. Введите и выберите scriptcat.target
  3. Укажите путь к файлу скрипта для синхронизации

Рабочий процесс​

После настройки процесс простой:

  1. Пишите или редактируйте .user.js в VSCode
  2. Сохраните файл (Ctrl + S)
  3. Скрипт автоматически синхронизируется в ScriptCat в браузере
  4. Переключитесь в браузер и обновите страницу, чтобы увидеть результат

Ручных шагов не требуется — сохранение сразу вступает в силу.

FAQ​

Не подключается?​

  • Убедитесь, что расширение ScriptCat в браузере запущено
  • Убедитесь, что расширение ScriptCat в VSCode установлено и включено
  • Проверьте статус подключения на странице «Инструменты разработчика» в панели ScriptCat

После сохранения скрипт не обновляется?​

  • Убедитесь, что имя файла заканчивается на .user.js
  • Убедитесь, что выполняли команду scriptcat.autoTarget или scriptcat.target
  • Проверьте панель вывода VSCode на ошибки

Нужно ли переподключаться после перезапуска VSCode?​

Если включено «Автоподключение к службе VSCode», после перезапуска VSCode переподключится сам — вручную ничего делать не нужно.