Skip to content

Интегрированный VS Code Сервер

Настоящий VS Code (не fork, не клон), работающий внутри RoqueOS через code-server. Тот же движок, что вы используете на десктопе, те же расширения из marketplace, та же конфигурация — доступно из любого залогиненного браузера.

VS Code, работающий внутри RoqueOS

Почему это НЕ просто "VS Code Web"

Бесплатная веб-версия (vscode.dev, github.dev) имеет жёсткие ограничения:

  • ❌ Не запускает расширения, требующие Node.js на сервере (Python language server, полный ESLint)
  • ❌ Нет "настоящего" Git (только просмотр GitHub.com)
  • ❌ Нет встроенного терминала
  • ❌ Не запускает debugger

code-server, работающий на RoqueOS Server — это полный VS Code:

  • ✅ Marketplace расширений работает (любое extension)
  • ✅ Встроенный терминал подключается к контейнеру сервера
  • ✅ Полный Git (push, pull, branch, merge, stash)
  • ✅ Debugger для Node, Python, Go и т.д.
  • ✅ Settings sync между устройствами (потому что это на ВАШЕМ сервере, не на MS)
  • ✅ Live preview dev-сервера (автоматический port forward)

Как открыть

Launchpad → VS Code. Первый раз ~10с на spin up code-server. Потом открывается мгновенно.

Общая файловая система

Тот же /home/user/, что появляется в Terminal и Finder:

  • Создать файл в Finder → появляется в Explorer VS Code
  • Сохранить код в VS Code → git status в Terminal показывает
  • wget в Terminal → файл появляется в Explorer

Рекомендуемые расширения

Marketplace работает — но некоторые расширения делают большую разницу в начальной настройке:

Обязательные:

  • GitLens — annotations git inline, blame, history
  • Error Lens — ошибки прямо на строке (без перехода в Problems panel)
  • Prettier + ESLint — форматирование + lint
  • Path Intellisense — автодополнение в paths импортов

Языки (устанавливайте согласно вашему стэку):

  • Volar — Vue 3
  • Tailwind CSS IntelliSense — автодополнение классов
  • Python (Microsoft) — полный language server
  • Go (Google) — официальная поддержка Go
  • rust-analyzer — Rust
  • Java Extension Pack (Red Hat)

Продуктивность:

  • Todo Tree — агрегирует // TODO в панель
  • Better Comments — color-coding // ! // ? // TODO
  • Material Icon Theme — иконки папок/файлов

Git workflow

Встроенный терминал VS Code подключается к тому же Ubuntu-контейнеру. Вы можете:

bash
git clone git@github.com:your/repo
cd repo
git checkout -b feature/x
# ... кодинг ...
git add -A && git commit -m "feat: new feature"
git push origin feature/x

SSH-ключи находятся в /home/user/.ssh/ (персистентно). Сгенерируйте один раз, настройте в GitHub, забудьте.

Live preview dev-сервера

Запустить yarn dev во встроенном терминале → VS Code определяет порт (3000, 5173 и т.д.) → автоматический prompt "Open in browser?". Кликаете → открывается в Roque Browser.

Не нужно возиться с ngrok, не нужно настраивать port forwarding.

Нативный settings sync

Ваши предпочтения (theme, keybindings, установленные расширения, snippets) находятся на ВАШЕМ сервере в /home/user/.config/code-server/. Персистируются между обновлениями, переживают пересоздание контейнера.

Не использует Settings Sync от Microsoft (которому нужна учётная запись GitHub/Microsoft) — вы владелец своих данных.

Разница с Roque Code

АспектRoque CodeVS Code (code-server)
Где запускаетсяБраузер (Monaco standalone)Ubuntu-контейнер сервера
SetupРаботает для каждого пользователяНужен Server Mode
Extensions✅ Полный marketplace
Git
Terminal❌ (используйте app Terminal)✅ встроенный
Debugger
Размер файлаХорошо до 10MBБез практического лимита
Языки (LSP)50+ только syntax100+ с полным IntelliSense

Простое правило:

  • Редактировать package.json или маленький snippet → Roque Code (быстрее)
  • Fullstack-проект с Git → Интегрированный VS Code

Производительность

VS Code работает в контейнере сервера — UI приходит через WebSocket в браузер. Задержка зависит от задержки сервера:

  • Локальный сервер (LAN): ~5-10ms — неотличимо от нативного VS Code
  • Cloud сервер (Hetzner DE): 180-220ms — у typing лёгкая задержка (~200ms между клавишей и появлением символа)

Для интенсивной разработки с далёким сервером рассмотрите:

Ограничения

  • Локальные Snippets сохраняются на сервере (нужен Server Mode чтобы иметь snippets). Без Server Mode — без VS Code (используйте Roque Code, который только-в-браузере).
  • Сложные GUI debuggers, открывающие отдельное окно (Chromium debug и т.д.), могут не работать полностью — использовать debug "headless" через встроенный терминал лучше.
  • GPU acceleration недоступен внутри контейнера — расширения, рендерящие 3D, не работают.

См. также