Repolode
xtermjs

xtermjs/xterm.js

Фронтенд-компонент терминала для браузера, который позволяет встраивать полнофункциональный терминал в веб-приложения; используется в VS Code и Hyper.

Звёзды
21,287
Форки
2,021
Открытые issues
322
Последний коммит
9 дней назад

Что это?

Xterm.js — фронтенд-компонент, который позволяет веб-приложениям отображать пользователям полноценный терминал прямо в браузере. Его используют такие проекты, как VS Code и его форки, Tabby и Hyper. Пакет устанавливается из npm под именем @xterm/xterm, а его основная библиотека не имеет зависимостей.

Xterm.js — не самостоятельное терминальное приложение и не оболочка. Он отображает вывод и передаёт нажатия клавиш, а обычно подключается к процессу через API псевдотерминала, например node-pty. С ним работают терминальные программы вроде bash, vim и tmux, включая приложения на базе curses и события мыши. Поддерживаются символы CJK, эмодзи и IME; также доступен дополнительный WebGL-рендерер с аппаратным ускорением на GPU.

Проект предоставляет набор официальных аддонов для подгонки размера под контейнер, поиска, обнаружения веб-ссылок, отображения изображений, доступа к буферу обмена, лигатур и сериализации. Headless-сборка @xterm/headless работает в Node.js и отслеживает состояние терминала без отрисовки.

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

  • 01Запускает распространённые терминальные программы, например bash, vim и tmux, с поддержкой событий мыши.
  • 02Поддерживает символы CJK, эмодзи и IME.
  • 03Предлагает дополнительный WebGL-рендерер с аппаратным ускорением на GPU.
  • 04Основная библиотека не имеет зависимостей и распространяется как пакет npm.
  • 05Предоставляет официальные аддоны для поиска, веб-ссылок, подгонки размера, изображений и других задач.

Сценарии использования

  • Добавление веб-терминала в онлайн-IDE или облачную среду разработки.
  • Создание браузерного SSH-клиента или клиента для удалённой оболочки с подключением через websocket.
  • Отображение в панели мониторинга текущих логов контейнера или сборки с помощью терминального рендеринга.
  • Запуск headless-терминала в Node.js для сохранения и восстановления состояния сеанса.

Быстрый старт

  1. 1

    Установите модуль из npm

    npm install --save @xterm/xterm
  2. 2

    Импортируйте Terminal в код

    import { Terminal } from '@xterm/xterm';
  3. 3

    Создайте терминал, откройте его в элементе и выведите в него текст

  4. 4

    Подключите таблицу стилей xterm.css на странице

Что важно знать

  • Это frontend-компонент для браузера, а не самостоятельное терминальное приложение.
  • Для выполнения команд, например bash, его необходимо подключить к серверному процессу, например node-pty.

Темы

Частые вопросы

Что такое xterm.js?
Фронтенд-компонент терминала для браузера, который позволяет встраивать полнофункциональный терминал в веб-приложения; используется в VS Code и Hyper. Xterm.js — фронтенд-компонент, который позволяет веб-приложениям отображать пользователям полноценный терминал прямо в браузере. Его используют такие проекты, как VS Code и его форки, Tabby и Hyper. Пакет устанавливается из npm под именем @xterm/xterm, а его основная библиотека не имеет зависимостей.
xterm.js можно использовать бесплатно? Какая у него лицензия?
xterm.js распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
xterm.js всё ещё поддерживается?
Активно поддерживается. Последний коммит в xterm.js — 13 окт. 2026 г..
Для чего можно использовать xterm.js?
Добавление веб-терминала в онлайн-IDE или облачную среду разработки. Создание браузерного SSH-клиента или клиента для удалённой оболочки с подключением через websocket. Отображение в панели мониторинга текущих логов контейнера или сборки с помощью терминального рендеринга. Запуск headless-терминала в Node.js для сохранения и восстановления состояния сеанса.
Как установить xterm.js?
Установите модуль из npm: npm install --save @xterm/xterm Импортируйте Terminal в код: import { Terminal } from '@xterm/xterm'; Создайте терминал, откройте его в элементе и выведите в него текст Подключите таблицу стилей xterm.css на странице
Где скачать xterm.js?
Исходный код и инструкции по установке — на GitHub: https://github.com/xtermjs/xterm.js

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты