Base de datos de desarrollo

Una extensión liviana de VS Code que carga automáticamente su base de datos y brinda prestaciones de su base de datos para ayudar con el desarrollo y la depuración.

Creado con 💖 para desarrolladores.

Destacado en

Últimas funciones

1. Servidor MCP para conectarse a Cursor, Windsurf, etc.
2. Acceso rápido a la tabla: Presione Cmd+K Cmd+G (Mac) o Ctrl+K Ctrl+G (Windows/Linux) para abrir rápidamente cualquier tabla
3. Nueva compatibilidad con configuración cero: aplicaciones que se ejecutan en DDEV
4. Nuevo soporte de configuración cero: Adonis (Lucid ORM) - MySQL y PostgreSQL

Patrocinadores

Estamos sinceramente agradecidos a los siguientes patrocinadores de DevDb:

• Traycer AI : una potente asistencia de IA, integrada de forma nativa en su flujo de trabajo de VS Code.

Características

• Servidor MCP: proporcione la información de su base de datos a IDE impulsados por IA y clientes MCP como Cursor, Windsurf, etc.
• Comando de apertura rápida de tabla: presione Cmd+K Cmd+G (Mac) o Ctrl+K Ctrl+G (Windows/Linux) para abrir rápidamente cualquier tabla.
• Descubrimiento automático de bases de datos sin configuración: Descubre y carga tu base de datos automáticamente, sin necesidad de configuración manual. Compatible con entornos como DDEV, Adonis, Laravel, configuraciones en contenedores (Laravel Sail), etc.
• Prestaciones de la base de datos para el desarrollo local: gracias a un profundo conocimiento del esquema de su base de datos, DevDb puede proporcionar prestaciones que ayudan en el desarrollo y la depuración, como la generación con un solo clic de fábricas de modelos Eloquent, etc.
• Potentes integraciones IDE: DevDb integra muy bien su base de datos con su IDE para proporcionar funciones muy útiles impulsadas por IDE como el menú contextual y las integraciones de CodeLens directamente en su editor, proporcionando funciones como abrir tablas desde el código, invocar el explicador de consultas SQL cuando se trabaja en tareas de optimización de consultas, etc.
• Cliente de base de datos enriquecido con experiencia de usuario intuitiva: vista de cliente de base de datos dedicada con exploración de datos con un solo clic, edición en línea, eliminación, reconexión con un solo clic, etc. Modifique fácilmente, establezca valores en nulos, obtenga una vista previa de datos JSON complejos, todo dentro de una interfaz responsiva.
• Exportación de datos: exporte datos de la tabla como declaraciones JSON o SQL INSERT bien formateadas copiadas a su portapapeles o guardadas en un archivo.
• Soporte integral para múltiples bases de datos: Interfaz fluida con SQLite, MySQL, MariaDB, PostgreSQL y Microsoft SQL Server; ¡y habrá más!
• Sistema de configuración intuitiva: en entornos donde la configuración cero automática no está disponible, DevDb proporciona fragmentos rápidos que producen plantillas bien formateadas, así como validación de esquema JSON IntelliSense, lo que en conjunto hace que la creación de un archivo de configuración para conectarse a su base de datos sea una experiencia increíble.
• Soporte integrado para frameworks y herramientas: El soporte personalizado para frameworks y herramientas populares, como Laravel, DDEV y Adonis, garantiza una experiencia de desarrollo fluida. ¿Necesitas funciones especiales para tu entorno? ¡ Nos escuchamos!
• Compatibilidad entre plataformas: diseñado para funcionar de manera consistente en Linux, macOS y Windows, lo que garantiza la máxima flexibilidad para que pueda continuar con su trabajo en todas estas plataformas.

Capturas de pantalla

Requisitos

• VS Code 1.83 o más reciente
• Un proyecto de VS Code que utiliza cualquiera de las bases de datos compatibles

Compatibilidad con sistemas operativos y plataformas

• Linux *(Linux-x64, Linux-arm64, Linux-arm, Alpine-x64)
• macOS (Darwin-x64, Darwin-arm64 Apple Silicon)
• Ventanas (Win32-x64)

Inicio rápido

• En un proyecto de VS Code que utilice cualquiera de las bases de datos compatibles , asegúrese de que su base de datos esté configurada correctamente y sea accesible desde el código de su aplicación.
• En entornos de configuración cero , DevDb detecta y carga automáticamente su base de datos . Para ver su base de datos, abra la vista de DevDb como se muestra en la captura de pantalla o use el acceso directo .

[!NOTA] DevDb también proporciona varias integraciones de lenguajes y marcos

Acciones de IU y mapa de teclas

• Cmd + K + D para alternar el panel de vista
• Cmd + K + G para ir a una tabla
• Cmd + Click el nombre de la tabla en la barra lateral para abrir la tabla en la pestaña actual
• Cmd + Click en un valor de base de datos para editarlo
• Haga clic en cualquier valor para obtener una vista previa en el panel (útil para ver valores de cadena JSON embellecidos)
• El panel derecho ofrece opciones para ver el esquema de la tabla actual o el valor seleccionado
• Durante las sesiones de edición (activadas durante la edición/eliminación de datos), el cuadro de control aparece como se muestra en la captura de pantalla
• Durante las sesiones de edición: Cmd + Z para deshacer cambios, Cmd + Y para rehacer cambios y Cmd + S para guardar cambios
• Se agregó el nuevo botón "Sugerir nueva función".

Acciones con un solo clic (manipulación de datos)

• Haga clic en el icono de la papelera en una fila de la tabla para eliminarla
• Haga clic en el botón Set null en un valor de base de datos para establecer el valor en null

Bases de datos compatibles

Bases de datos compatibles actualmente:

• SQLite
• MySQL
• MariaDB
• PostgreSQL
• Microsoft SQL Server

Cargando bases de datos

DevDb puede descubrir y cargar automáticamente su base de datos usando los detalles de conexión de su espacio de trabajo de VS Code (modo de configuración cero ). Cuando esta detección automática de configuración cero no está disponible, se proporciona una opción de archivo de configuración .

1. Configuración cero (Descubrimiento automático de bases de datos)

No se necesita ningún archivo de configuración cuando la raíz del espacio de trabajo contiene alguno de los siguientes:

1. Aplicaciones gestionadas por DDEV
2. Adonis usa la configuración .env predeterminada para MySQL y PostgreSQL (con Lucid ORM)
3. Laravel con base de datos SQLite local predeterminada
4. Laravel con configuración .env predeterminada para MySQL/MariaDB, PostgreSQL y Microsoft SQL Server
5. MySQL en contenedor de Laravel (Laravel Sail) con configuración predeterminada .env/docker-compose.yml (incluida la compatibilidad con contenedores de desarrollo )

2. Carga de base de datos basada en configuración

Si la compatibilidad con configuración cero no está disponible para su entorno, cree un archivo .devdbrc en la raíz de su proyecto con los detalles de conexión de su base de datos.

[!ADVERTENCIA] Excluya el archivo de configuración .devdbrc del control de versiones agregándolo a .gitignore . Esto protege la información confidencial y permite a los miembros del equipo usar diferentes configuraciones de base de datos.

El archivo de configuración debe contener una única matriz de objetos de conexión a la base de datos. DevDb ofrece funciones de edición avanzadas para .devdbrc :

• Validación de esquema JSON : validación automática de la configuración
• IntelliSense : Autocompletado para todos los campos, incluido type
• Fragmentos : Plantillas de configuración rápida:
  • devdb mysql : configuración de MySQL
  • devdb mariadb : configuración de MariaDB
  • devdb postgres : configuración de PostgreSQL
  • devdb sqlite : configuración de SQLite
  • devdb mssql : configuración de Microsoft SQL Server

Ejemplo de archivo de configuración

Integraciones de herramientas y marcos de trabajo

Entrada del menú contextual

Abra cualquier tabla de base de datos en DevDb haciendo clic derecho en su nombre/modelo/entidad desde el editor en cualquier marco/lenguaje de programación.

Ejemplo de una aplicación Node.js

Laravel

Lente con código de modelo Eloquent

DevDb proporciona funciones de Code Lens para:

• Visualización de la tabla subyacente del modelo Eloquent
• Generar una fábrica para el modelo (rellenada automáticamente con datos reales de la tabla subyacente)

[!NOTA] La generación de fábrica también está disponible a través del menú contextual

Explicador de consultas

El Explicador de Consultas se integra con MySQL Visual Explain para optimizar las consultas SQL mediante el análisis del plan de ejecución de consultas de MySQL. Uso:

1. Abra un archivo PHP de Laravel que contenga una consulta SQL (Eloquent o DB facade)
2. Seleccione la consulta SQL a analizar
3. Haga clic en Explain query Code Lens o seleccione Explain query en el menú contextual
4. Vea la explicación en su navegador o copie la URL

[!NOTA] La compatibilidad con espacios de trabajo multiraíz de VS Code está en desarrollo. Siga el progreso aquí .

Configuración de MCP

1. Como se muestra en la captura de pantalla, haga clic en el ícono del martillo para copiar la configuración de MCP.
2. En el archivo de configuración MCP de su IDE (por ejemplo, .vscode/mcp.json , windsurf/mcp_config.json , etc.), pegue el JSON copiado como uno de los servidores MCP disponibles.

Su herramienta IDE/AI ahora debería poder utilizar los detalles de su base de datos.

Manejador de URI

DevDb proporciona un controlador URI personalizado que permite abrir tablas de bases de datos específicas directamente desde aplicaciones o enlaces externos. Esto resulta útil para integrar DevDb con otras herramientas o crear accesos directos a tablas de acceso frecuente.

Formato URI

El formato URI sigue este patrón:

Parámetros:

• connectionId : El ID de la conexión a la base de datos
• database : El nombre de la base de datos
• table : El nombre de la tabla que se abrirá
• workspace : (opcional) La ruta del espacio de trabajo
• authority : (opcional) La autoridad para la URI

Apoyo

Puedes apoyar el desarrollo de DevDb contribuyendo o patrocinándolo . Agradecemos tus patrocinios con DevDb y sus beneficios. Consulta la página de patrocinios para conocer las opciones disponibles.

También agradecemos su apoyo al decir "gracias" a nuestros patrocinadores existentes al patrocinar o suscribirse a los increíbles servicios que ofrecen:

• Traycer IA

Contribución

[!IMPORTANTE] Las contribuciones se limitan actualmente al código principal de la extensión. El código de la interfaz de usuario no está disponible para contribuciones públicas.

1. Bifurca este repositorio y clona tu bifurcación localmente
2. Ejecute bun install para instalar las dependencias
3. Haz tus contribuciones al código base
4. Presione F5 para iniciar el depurador y probar los cambios localmente
5. Ejecute conjuntos de pruebas con bun run test-services y asegúrese de que todas las pruebas pasen
6. Introduce cambios en tu bifurcación
7. Abrir una solicitud de incorporación de cambios a este repositorio
8. ¡Llévate tus flores! 💐🌺🌹