Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>RinoNew to Visual Studio Code? Get it now.
Rino

Rino

mig8at

|
18 installs
| (0) | Free
Visualiza tu código con árboles de proyecto interactivos. Muestra estructura y contenido con filtros inteligentes para cualquier lenguaje.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌳 Rino Tree - Extractor Inteligente de Código

Transforma tu proyecto en información valiosa para resolver problemas de desarrollo más rápido

Version VS Code License

🎯 ¿Qué es Rino Tree?

Rino Tree es tu asistente inteligente para extraer información valiosa de cualquier proyecto de código. Genera representaciones estructuradas y filtradas que te permiten:

  • 🔍 Solucionar bugs más rápido - Obtén el contexto exacto que necesitas
  • 📚 Entender proyectos nuevos - Visualiza la arquitectura al instante
  • 🤖 Alimentar IAs - Genera contexto optimizado para ChatGPT, Claude, etc.
  • 📋 Documentar eficientemente - Crea documentación técnica automática
  • 🔄 Hacer code reviews - Comparte el contexto relevante fácilmente

✨ Características Principales

🎯 Extracción Inteligente

  • Filtrado por relevancia: Solo muestra lo que importa para tu problema específico
  • Control de contenido: Ajusta qué tanto código mostrar (0-90% del espacio disponible)
  • Pesos inteligentes: Prioriza archivos de configuración, puntos de entrada, etc.

🛠 Templates Especializados

rino        # Configuración optimizada para tu proyecto
debug       # Contexto perfecto para resolver bugs  
code-review # Información ideal para revisiones
refactor    # Análisis arquitectónico para refactoring
security    # Auditoría enfocada en seguridad
feature     # Planificación de nuevas funcionalidades

⚡ Configuración Flexible

{
  "includes": ["src", "config"],           // Qué incluir
  "explicitly": [".ts", ".js", ".json"],  // Solo estas extensiones
  "tokens": 150000,                       // Límite de información
  "content": 75,                          // % dedicado a código vs estructura
  "template": "debug"                     // Template especializado
}

🚀 Uso Rápido

1️⃣ Instalación

# Desde VS Code Marketplace
ext install mig8at.rino-tree

2️⃣ Uso Básico

  1. Abrir Command Palette (Ctrl+Shift+P)
  2. Ejecutar Rino: Generate Tree Structure
  3. ¡Listo! - Tu árbol aparece en una nueva pestaña

3️⃣ Desde Explorer

  • Click derecho en cualquier carpeta → Generate Tree

📋 Casos de Uso Reales

🐛 Debugging

mi-app/
├─ src/
│  ├─ components/ErrorBoundary.jsx
│  │  import React from 'react'; class ErrorBoundary extends React.Component {
│  │  constructor(props) { super(props); this.state = { hasError: false }; }
│  │  componentDidCatch(error, errorInfo) { console.error('Error caught:', error); }
│  ├─ api/userService.js
│  │  const API_BASE = process.env.REACT_APP_API_URL || 'http://localhost:3000';
│  │  export const fetchUser = async (id) => { const response = await fetch(`${API_BASE}/users/${id}`);
│  └─ utils/logger.js
├─ .env ↵REACT_APP_API_URL=https://api.production.com↵
└─ package.json "dependencies": {"react": "^18.2.0"}

🏗 Arquitectura

backend/
├─ src/controllers/ [5 archivos]
├─ src/models/User.js
│  const mongoose = require('mongoose'); const userSchema = new mongoose.Schema({
├─ src/routes/api.js
│  const express = require('express'); const router = express.Router();
├─ config/database.js
│  module.exports = { mongodb: { url: process.env.MONGO_URL || 'mongodb://localhost:27017' }
└─ server.js
   const app = require('./src/app'); const PORT = process.env.PORT || 3000;

🎮 Comandos Disponibles

Comando Descripción Atajo
Rino: Generate Tree Genera árbol del proyecto completo -
Rino: Show Project Structure Muestra/genera estructura -
Rino: Open Configuration Abre configuración JSON -
Rino: Refresh Tree Refresca árbol existente -
Rino: Reset Configuration Restaura configuración por defecto -

⚙️ Configuración Avanzada

📁 Filtrado Inteligente

{
  "includes": ["src/components", "src/hooks", "package.json"],
  "excludes": ["*.test.js", "*.spec.ts", "__mocks__"],
  "explicitly": [".tsx", ".ts", ".js", ".json"]
}

🎯 Templates Personalizados

Los templates optimizan la salida para casos específicos:

  • rino: Configuración automática inteligente
  • debug: Perfecto para resolver errores
  • code-review: Ideal para revisiones
  • refactor: Análisis arquitectónico
  • security: Auditoría de seguridad
  • feature: Planificación de features

📊 Control de Contenido

{
  "content": 0,    // Solo estructura (árbol básico)
  "content": 50,   // Balance estructura/código
  "content": 90,   // Máximo código posible
  "tokens": 50000  // Límite total de información
}

🎯 Casos de Uso por Industria

💻 Desarrollo Web

  • Debugging de APIs y componentes React/Vue
  • Análisis de arquitectura frontend/backend
  • Documentación de microservicios

🏢 Enterprise

  • Auditorías de seguridad en aplicaciones críticas
  • Documentación para compliance y auditorías
  • Onboarding de desarrolladores en proyectos grandes

🎓 Educación

  • Creación de ejemplos para tutoriales
  • Documentación de proyectos de estudiantes
  • Explicación de patrones arquitectónicos

🤖 AI/ML Development

  • Contexto optimizado para LLMs (ChatGPT, Claude)
  • Documentación de pipelines de datos
  • Análisis de notebooks Jupyter

🔧 Configuraciones Populares

Para Debugging

{
  "includes": ["."],
  "explicitly": [".js", ".ts", ".json", ".env"],
  "tokens": 100000,
  "content": 85,
  "template": "debug"
}

Para Documentación

{
  "includes": ["src", "README.md", "package.json"],
  "excludes": ["*.test.*"],
  "tokens": 150000,
  "content": 60,
  "template": "documentation"
}

Para Code Review

{
  "includes": ["src/components", "src/services"],
  "explicitly": [".tsx", ".ts"],
  "tokens": 80000,
  "content": 90,
  "template": "code-review"
}

🤝 Contribuir

¿Tienes ideas para mejorar Rino Tree? ¡Nos encantaría escucharte!

  1. 🍴 Fork el repositorio
  2. 🌟 Crea una rama para tu feature
  3. 💻 Haz tus cambios
  4. 📝 Agrega tests si es necesario
  5. 🚀 Envía un Pull Request

📄 Licencia

MIT License - ve el archivo LICENSE para más detalles.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft