HTML ESTRUCTURA

Extensión creada por Wilner Mena Aguilar para ayudar a estudiantes que están aprendiendo a generar rápidamente la estructura básica de un proyecto web y manejar Git desde Visual Studio Code.

✨ Funcionalidades principales

📁 1. Crear estructura base HTML/CSS/JS

Con un solo clic puedes generar automáticamente:

🚀 Características

• Creación rápida de proyectos: Genera automáticamente la estructura de carpetas y archivos base
• Integración con GitHub: Conecta y sube tu proyecto a GitHub con un solo clic
• Panel lateral intuitivo: Acceso rápido a todas las funcionalidades
• Git simplificado: Commit y push automatizado sin usar la terminal

📦 Estructura generada

mi-proyecto/
├── css/
│   └── estilos.css
├── js/
│   └── main.js
├── img/
├── data/
│   └── datos.json
├── page
│   └── escritorio.html
└── index.html

🎯 Uso

1. Crear Proyecto Base

1. Haz clic en el ícono de HTML Estructura en la barra lateral
2. Presiona 📁 Crear Proyecto Base
3. Selecciona la carpeta donde deseas crear el proyecto
4. El proyecto se abrirá automáticamente en VS Code

2. Conectar con GitHub

1. Crea un repositorio en GitHub.com
2. Copia la URL del repositorio
3. En VS Code, presiona 🔗 Conectar con GitHub
4. Pega la URL cuando se te solicite
5. La extensión configurará Git automáticamente

3. Commit & Push

1. Realiza cambios en tu proyecto
2. Presiona 🚀 Commit & Push
3. Escribe un mensaje descriptivo
4. Tus cambios se subirán a GitHub

⚙️ Requisitos

• Visual Studio Code 1.75.0 o superior
• Git instalado en tu sistema (Descargar Git)
• Cuenta de GitHub

📥 Instalación

1. Descarga el archivo .vsix desde Releases
2. Abre VS Code
3. Ve a Extensiones (Ctrl+Shift+X)
4. Haz clic en ... → Instalar desde VSIX...
5. Selecciona el archivo descargado

O instala desde la terminal:

code --install-extension html-estructura-0.0.1.vsix

🎓 Para educadores

Esta extensión está diseñada para facilitar el aprendizaje de desarrollo web y Git/GitHub en entornos educativos. Simplifica el flujo de trabajo permitiendo que los estudiantes se concentren en el código.

Flujo de trabajo recomendado:

1. Los estudiantes crean el proyecto base
2. Crean un repositorio en GitHub
3. Conectan el proyecto local con GitHub
4. Realizan commits periódicos durante el desarrollo

🛠️ Tecnologías

• TypeScript
• Node.js
• VS Code Extension API
• Git

👨‍💻 Autor

Wilner Mena Aguilar

📝 Licencia

MIT License

🤝 Contribuir

Las contribuciones son bienvenidas. Para cambios importantes:

1. Fork el proyecto
2. Crea una rama para tu característica (git checkout -b feature/AmazingFeature)
3. Commit tus cambios (git commit -m 'Add some AmazingFeature')
4. Push a la rama (git push origin feature/AmazingFeature)
5. Abre un Pull Request

📧 Soporte

¿Encontraste un problema? Crea un issue

⭐ Si esta extensión te resulta útil, considera darle una estrella en GitHub