Перейти до основного вмісту

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

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

Передумови​

Вам потрібно встановити наступні два інструменти:

  1. Встановіть розширення ScriptCat у браузері — якщо ви ще не встановили його, дотримуйтеся посібника Швидкий старт
  2. Встановіть розширення ScriptCat у VSCode — знайдіть "scriptcat-vscode" у маркетплейсі розширень 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 автоматично перепідключиться після перезапуску — ручні дії не потрібні.