GitViz

Visualiza el historial de Git y los registros de commits con animaciones, haciendo que las operaciones de Git sean intuitivas y fáciles de entender.

Documentación

GitViz MCP: Registro e Historial Animados

Version Downloads Rating

Una potente extensión de VS Code que visualiza el historial de Git y los registros de commits con animaciones, haciendo que las operaciones de Git sean intuitivas y fáciles de entender.

💬 Danos tu opinión

¡Ayúdanos a mejorar! Comparte tus ideas, sugerencias o problemas a través de nuestros formularios de comentarios:

Tus comentarios marcan la diferencia. Leemos cada envío. 🙏

🚀 Potencia Copilot con comandos de Git

¿Quieres que Copilot entienda mejor Git? 🤖✨ ¡Solo usa #get_git_prompt!

Esto ayuda a Copilot a generar sugerencias más inteligentes para tareas relacionadas con Git.

Prueba algo como esto:

#get_git_prompt What is the commit message of the latest commit?

Características

  • Animaciones de antes/después: Visualiza cómo operaciones de Git como merge, rebase y cherry-pick transforman tu árbol de commits.
  • Controles interactivos: Reproduce y pausa animaciones.
  • Estructura de ramas: Visualización clara de las relaciones entre ramas y los puntos de fusión.
  • Resaltado de commits: Haz clic para resaltar commits específicos en el árbol.
  • Actualizaciones en tiempo real: Refleja automáticamente los cambios en tu directorio de trabajo.
  • Integración con modelos de lenguaje: Herramientas integradas para análisis y asistencia de Git.
  • Detección inteligente de repositorios: Detecta y cambia automáticamente entre repositorios.
  • Comandos de Git mejorados: Herramientas de IA integradas para un mejor flujo de trabajo con Git.

Uso

Instalar la extensión GitViz MCP

Puedes instalar la extensión de una de las siguientes maneras:

Desde VS Code Marketplace

Busca "GitViz MCP" en la vista de Extensiones de VS Code (Ctrl+Shift+X / Cmd+Shift+X) y haz clic en Instalar.

Instalación manual

  1. Descarga el archivo .vsix desde lanzamientos.
  2. Abre VS Code.
  3. Ejecuta Extensions: Install from VSIX... desde la Paleta de comandos.
  4. Selecciona el archivo .vsix descargado.

Configuración según tu entorno

  • Para usuarios de Copilot:

    Se recomienda usar la extensión directamente, ya que normalmente no se requiere configurar el servidor MCP.

    Si aún necesitas configurar manualmente el servidor MCP, consulta el Copilot Config a continuación o ejecuta el comando gitVizMcp: Register MCP Server desde la Paleta de comandos de VS Code.

    "servers": {
        "gitViz": {
            "type": "http",
            "url": "http://localhost:35555/gitviz/sse"
        }
    }
    
  • Para usuarios de Cline:

    Configúralo usando el Cline Config a continuación:

    "mcpServers": {
        "gitViz": {
            "url": "http://localhost:35555/gitviz/sse",
            "transportType": "sse"
        }
    }
    
  • Para usuarios de Cursor:

    Esta extensión no es compatible con Cursor actualmente.

Flujo operativo básico

demo video

Abrir el visualizador de Git

  • Desde el editor: Haz clic en el icono de rama de Git en la barra de título del editor.
  • Desde la Paleta de comandos: Ctrl+Shift+P → escribe "gitVizMcp: Open Git Log Viewer".

Operaciones básicas

  1. Seleccionar repositorio: Usa el comando "gitVizMcp: Set Repository" para elegir qué repositorio visualizar.
  2. Ver animación: La interfaz mostrará los estados de antes/después de las operaciones de Git.
  3. Controlar la reproducción: Usa el botón de reproducir/pausar para controlar el tiempo de la animación.
  4. Zoom y navegación: Usa los controles de zoom para explorar árboles de commits complejos.

Gestión de repositorios

  • Modo automático: Cambia automáticamente de repositorio según el archivo abierto actualmente.
  • Selección manual: Elige un repositorio específico de las opciones disponibles.
  • Múltiples espacios de trabajo: Compatible con espacios de trabajo de múltiples raíces.

Otros ajustes y herramientas

Ajustes disponibles

AjustePredeterminadoDescripción
gitVizMcp.port35555Puerto para el servidor MCP
gitVizMcp.basePath"/gitviz"Ruta base para los endpoints de la API
gitVizMcp.maxGitLogEntries30Número máximo de entradas de git log a obtener.

Nota: Si cambias los ajustes gitVizMcp.port o gitVizMcp.basePath, también debes actualizar la URL en la configuración de tu servidor MCP (por ejemplo, Copilot Config o Cline Config) para que coincida con estos nuevos valores.

Comandos

ComandoDescripción
gitVizMcp: Open Git Log ViewerAbrir la interfaz de visualización principal
gitVizMcp: Set RepositorySeleccionar qué repositorio visualizar
gitVizMcp: Register MCP ServerRegistrar el servidor MCP en los ajustes de VS Code
gitVizMcp: Restart ServerReiniciar el servidor MCP

Herramientas de modelos de lenguaje

Esta extensión proporciona herramientas de IA para una mejor experiencia con Git:

  • highlight_commit: Resaltar commits específicos en la visualización
  • get_git_log: Obtener el historial de Git para análisis
  • visualize_git_log: Crear visualizaciones de antes/después de operaciones de Git
  • get_git_prompt: Acceder a plantillas de asistencia de Git-GPT

Requisitos

  • VS Code: Versión 1.99.0 o superior
  • Git: Debe estar instalado y ser accesible desde la línea de comandos

Licencia

Este proyecto está licenciado bajo la Licencia MIT; consulta el archivo LICENSE para más detalles.