DevStack es una extensión nativa para Visual Studio Code diseñada para ayudar a los desarrolladores a organizar, buscar y acceder a recursos, documentación y enlaces web directamente desde el panel lateral (Activity Bar).
Olvídate de buscar enlaces repetidamente en tu navegador o de llenar tus marcadores personales de cosas que solo usas al programar. DevStack mantiene tu caja de herramientas de desarrollo unificada y a la mano.
✨ Características Principales
🗂️ Panel Lateral Jerárquico: Organiza tus recursos en carpetas, subcarpetas y enlaces directamente en el panel lateral de VS Code.
🖱️ Arrastrar y Soltar (Drag & Drop) Nativo: Reordena tus carpetas y mueve tus enlaces de forma fluida y visual. Cuenta con validación contra bucles infinitos.
🎨 Iconos Personalizados (Codicons): Elige entre 24 iconos temáticos especialmente seleccionados para desarrolladores (Bases de datos, terminales, seguridad, UX/UI, nubes, etc.) para que tus carpetas tengan personalidad.
🌐 Favicons Dinámicos: DevStack extrae de forma automática y transparente el logotipo oficial de cada sitio web (ej. React, Google, StackOverflow) y lo pinta en tu árbol de recursos.
🔍 Búsqueda Rápida en Tiempo Real: Ejecuta DevStack: Buscar Recursos (o pulsa la lupa del panel) para buscar en títulos, notas o etiquetas mediante la interfaz QuickPick de VS Code.
☁️ Sincronización con GitHub (Gist Privado): Vincula tu cuenta de GitHub de forma nativa. Haz copias de seguridad de tus recursos en un Gist privado para restaurarlos en cualquier otra computadora si formateas o cambias de PC. ¡No volverás a perder tus enlaces!
🌍 Acceso Global Independiente: Tus enlaces se guardan globalmente. Puedes acceder a ellos sin importar qué proyecto tengas abierto o si estás en una ventana vacía de VS Code.
🖥️ Navegador Integrado: Elige si abrir los enlaces en el navegador simple integrado de VS Code (Simple Browser) o en el navegador predeterminado del sistema.
🛠️ Cómo Utilizar
Añadir Carpetas/Enlaces: Haz clic en los botones del encabezado del panel (+ Carpeta o + Enlace) o haz clic derecho sobre cualquier carpeta creada para abrir el menú interactivo.
Modificar: Haz clic derecho sobre una carpeta o enlace para Editar, Eliminar o Copiar la URL al portapapeles.
Buscar: Pulsa el icono de la lupa en el panel lateral, escribe palabras clave o etiquetas y presiona Enter para abrir el enlace seleccionado.
Sincronizar: Pulsa el icono de la nube (cloud-upload) en la barra de herramientas del panel lateral, inicia sesión con tu cuenta de GitHub de forma segura y elige si deseas Subir (Respaldar) o Descargar (Restaurar) tus enlaces.
⚙️ Configuración Personalizada
Puedes personalizar el comportamiento en tu settings.json o desde las preferencias de VS Code (Ctrl+,):
devstack.openInSimpleBrowser: Si está en true (por defecto), los enlaces se abrirán en el navegador simple integrado de VS Code en una pestaña lateral. Si se desactiva, se abrirán en tu navegador externo del sistema.
