BluePrint Automator 🚀

Extensión para VS Code que genera automáticamente JavaScript y CSS cuando escribes HTML.

✨ Características Principales

Autocompletado Inteligente - Snippets para escribir código rápido
🚀 Massive Snippet Pack (+1000) - Colección intensiva de snippets para máxima productividad
🚀 Auto-generación de JS/CSS - Crea scripts y estilos basados en tu HTML al instante
🌍 Soporte Multi-lenguaje - Compatible con Python, Java, C++, C#, y más
⌨️ Universal Snippets - Usa html-auto, py-auto, js-auto, etc., en cualquier lenguaje
🔄 Actualizaciones Fáciles - Comando integrado para buscar la última versión en el Marketplace
Detección Total - Reconoce cualquier elemento HTML
Comandos Especiales - Usa comentarios para generar código

🎯 Snippets Disponibles

Escribe estos atajos en tu HTML y presiona Tab:

Estructura Base

html-auto → HTML completo con CSS y JS incluidos

Elementos Individuales

btn-auto → Botón con ID
input-auto → Input con ID
form-auto → Formulario básico
div-auto → Div con ID y clase
select-auto → Select con opciones
textarea-auto → Textarea con ID

Componentes Completos

card-auto → Card con botón
grid-auto → Grid con 3 cards
buttons-auto → Fila de 3 botones
form-completo → Formulario de contacto completo

Comandos

cmd-boton → Comando para generar botón
cmd-input → Comando para generar input
cmd-form → Comando para generar formulario

📝 Ejemplo de Uso

1. Usando Snippets:

Escribe: html-auto + Tab

Se genera automáticamente:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi Página</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>Título</h1>
        
    </div>
    <script src="script.js"></script>
</body>
</html>

2. Usando Comandos:

<!-- boton: Enviar Formulario -->
<!-- input: Nombre del Usuario -->

3. Escribiendo HTML Normal:

<button>Click aquí</button>
<input type="text" placeholder="Nombre">

Guarda (Ctrl+S) y se generan automáticamente script.js y styles.css

🚀 Cómo Usar

Abre o crea un archivo index.html
Escribe un snippet (ej: btn-auto) y presiona Tab
O escribe HTML normal
Guarda el archivo (Ctrl+S)
¡Se generan automáticamente script.js y styles.css!

⌨️ Atajos de Teclado

Ctrl+Alt+G (o Cmd+Alt+G en Mac) - Generar código manualmente

🎨 Lo que se Genera

script.js - JavaScript con eventos para todos los elementos
styles.css - CSS con diseño azul moderno y responsive

💡 Ventajas

✅ Escribe HTML más rápido con snippets ✅ No necesitas escribir JavaScript manualmente ✅ No necesitas escribir CSS manualmente ✅ Diseño moderno automático ✅ Responsive por defecto ✅ Funciona con cualquier elemento HTML

SnapCode Pro Instant Code Builder

SnapCode Pro Instant Code Builde