Extensión de Terminal Simulada
Esta extensión permite simular una terminal dentro de Visual Studio Code, ejecutar comandos predeterminados y grabar las interacciones en formato WEBM. Es especialmente útil para generar demostraciones de comandos o procesos en repositorios, para agregarlos al README.md.
Uso
- Simula la ejecución de comandos comunes en la terminal.
- Registra la salida de la terminal y la guarda en un archivo de grabación.
- Exporta las grabaciones en formato WEBM para su visualización o inclusión en repositorios.
- Permite ver y manipular una terminal virtual dentro de VS Code.
Instalación
- Abre Visual Studio Code.
- Ve a la sección de Extensiones.
- Busca "simulated-terminal" y haz clic en Instalar.
Comandos de la Extensión
1. Escribir en la Terminal
Comando: Terminal simulated | installed
Este comando te permite ingresar un comando en una terminal simulada dentro de la extensión. El resultado se mostrará en la terminal, y todo lo que se imprima será registrado.
- Cómo usarlo:
- Abre la paleta de comandos (
Ctrl + Shift + P o Cmd + Shift + P en macOS).
- Escribe
Terminal simulated | installed y presiona Enter.
- Ingresa un comando (por ejemplo,
git clone) y observa cómo la terminal simula la salida, puedes agregar complementos como el link del repositorio luego de cada comando, sin alterar el orden.
2. Exportar Grabación
Comando: Terminal simulated | Exportar Terminal (.cast) and (.webm)
Este comando exporta la grabación de la sesión de terminal en un archivo .cast y luego lo convierte en un archivo .webm.
- Cómo usarlo:
- Abre la paleta de comandos (
Ctrl + Shift + P o Cmd + Shift + P en macOS).
- Escribe
Terminal simulated | Exportar Terminal (.cast) and (.webm) y presiona Enter.
- La grabación se guardará en el directorio
media/recordings dentro del proyecto actual.
Uso de la Terminal Simulada
La terminal simulada está preconfigurada para responder a varios comandos comunes, como:
git clone: Simula la clonación de un repositorio.npm install: Muestra los mensajes comunes de instalación de dependencias.ng serve: Simula la ejecución de un servidor Angular.npm start: Muestra el inicio de una aplicación con npm.npm run dev: Muestra la ejecución de un entorno de desarrollo con Vite.composer install: Simula la instalación de dependencias con Composer.php artisan serve: Simula el inicio de un servidor con Laravel.
Al ingresar estos comandos en la terminal simulada, se mostrarán los resultados predefinidos y registrados en la interfaz.
Estructura de Archivos
La extensión contiene los siguientes archivos clave:
script.js: Maneja la lógica de la terminal, incluyendo la simulación de comandos y la grabación de las interacciones.styles.css: Define el estilo de la terminal simulada.extension.ts: Implementa la funcionalidad de la extensión en VS Code, incluyendo la creación de la terminal, la grabación y exportación de las sesiones.
Requisitos
- Visual Studio Code (versión 1.x o superior).
- Node.js (para la ejecución de la extensión en VS Code).
- El comando
agg debe estar disponible en el sistema para convertir las grabaciones a formato WEBM.
- Si no tienes, se intala en Windows PowerShell:
winget install asciinema.agg
Desarrollado por:
https://github.com/JHuancaDev
Licencia
Apache License 2.0
