Repolode
Enviar
xtermjs

xtermjs/xterm.js

Componente de terminal frontend para el navegador que permite integrar terminales completos en aplicaciones web; lo usan VS Code y Hyper.

Ver en GitHubSitio web
Estrellas
21,287
Forks
2,021
Issues abiertos
322
Último commit
hace 9 días

¿Qué es?

Xterm.js es un componente frontend que permite a las aplicaciones web mostrar una terminal completa a sus usuarios en el navegador. Lo usan proyectos como VS Code y sus forks, Tabby y Hyper. Se instala desde npm como @xterm/xterm y su biblioteca principal no tiene dependencias.

Xterm.js no es una aplicación de terminal independiente ni un shell. Muestra la salida y reenvía las entradas del teclado; normalmente se conecta a un proceso mediante una API de pseudoterminal, como node-pty. Los programas de terminal como bash, vim y tmux funcionan con él, incluidas las aplicaciones basadas en curses y los eventos del mouse. Es compatible con caracteres CJK, emoji e IME, y ofrece un renderizador WebGL opcional con aceleración por GPU.

El proyecto ofrece una serie de addons oficiales para ajustar el tamaño al contenedor, buscar, detectar enlaces web, mostrar imágenes, acceder al portapapeles, usar ligaduras y serializar datos. Una compilación headless, @xterm/headless, se ejecuta en Node.js para hacer seguimiento del estado de la terminal sin renderizarla.

Funciones clave

  • 01Ejecuta aplicaciones de terminal habituales, como bash, vim y tmux, incluidos los eventos del mouse.
  • 02Es compatible con caracteres CJK, emoji e IME.
  • 03Ofrece un renderizador WebGL opcional con aceleración por GPU.
  • 04La biblioteca principal no tiene dependencias y se distribuye como paquete de npm.
  • 05Ofrece addons oficiales para buscar, detectar enlaces web, ajustar el tamaño, mostrar imágenes y mucho más.

Casos de uso

  • Añadir una terminal web a un IDE en línea o a un entorno de desarrollo en la nube.
  • Crear un cliente SSH o de shell remoto en el navegador, conectado mediante un websocket.
  • Mostrar registros en vivo de contenedores o compilaciones con renderizado de terminal en un panel de control.
  • Ejecutar una terminal headless en Node.js para guardar y restaurar el estado de una sesión.

Inicio rápido

  1. 1

    Instala el módulo desde npm

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

    Importa Terminal en tu código

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

    Crea un terminal, ábrelo en un elemento y escribe en él

  4. 4

    Incluye la hoja de estilos xterm.css en tu página

Antes de usarlo

  • Es un componente frontend para el navegador, no una aplicación de terminal independiente.
  • Debe conectarse a un proceso de backend, como node-pty, para ejecutar comandos como bash.

Temas

#terminal#frontend#typescript#webgl#ssh#pty#vt100#console#development#javascript

Preguntas frecuentes

¿Qué es xterm.js?
Componente de terminal frontend para el navegador que permite integrar terminales completos en aplicaciones web; lo usan VS Code y Hyper. Xterm.js es un componente frontend que permite a las aplicaciones web mostrar una terminal completa a sus usuarios en el navegador. Lo usan proyectos como VS Code y sus forks, Tabby y Hyper. Se instala desde npm como @xterm/xterm y su biblioteca principal no tiene dependencias.
¿xterm.js es gratuito? ¿Qué licencia tiene?
xterm.js es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿xterm.js sigue mantenido?
Mantenimiento activo. El último commit de xterm.js fue el 13 oct 2026.
¿Para qué puedo usar xterm.js?
Añadir una terminal web a un IDE en línea o a un entorno de desarrollo en la nube. Crear un cliente SSH o de shell remoto en el navegador, conectado mediante un websocket. Mostrar registros en vivo de contenedores o compilaciones con renderizado de terminal en un panel de control. Ejecutar una terminal headless en Node.js para guardar y restaurar el estado de una sesión.
¿Cómo se instala xterm.js?
Instala el módulo desde npm: npm install --save @xterm/xterm Importa Terminal en tu código: import { Terminal } from '@xterm/xterm'; Crea un terminal, ábrelo en un elemento y escribe en él Incluye la hoja de estilos xterm.css en tu página
¿Dónde consigo xterm.js?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/xtermjs/xterm.js

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados