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 (
+ Carpetao+ 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
Enterpara 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á entrue(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.