¡Ya somos 16320 en Twitch, de los cuales 167 son subscriptores y 25 donantes! ¡Muchas gracias por el apoyo!

Donantes 25 Donantes
Moderadores 11 Moderadores
Fundadores 3 Fundadores
WiFi 3 WiFi
Network 8 Network
Server 17 Server
HardDisk 7 HardDisk
USBDisk 16 USBDisk
SDCard 37 SDCard
CD/DVD 22 CD/DVD
Diskette 57 Diskette
¡Quiero apoyar!

El script mkweb

mkweb

El siguiente script, denominado mkweb, es un script para generar la estructura de carpetas (scaffolding) de un proyecto HTML/CSS/Javascript base. Por debajo, utiliza ViteJS para un desarrollo rápido basado en ESM con algunos añadidos:

Características

Requisitos

Instalación

Para instalar el script, simplemente escribe desde una terminal:

sudo curl -s https://manz.dev/download/mkweb -o /usr/local/bin/mkweb
sudo chmod +x /usr/local/bin/mkweb

Uso

Para utilizar el script, simplemente lo ejecutamos pasándole por parámetro el nombre de la carpeta del proyecto, que deberá coincidir con el nombre del repositorio. Utiliza preferentemente minúsculas y no uses espacios o signos de acentuación.

mkweb project-name
cd project-name
git remote add origin [email protected]:GITUSER/project-name.git
npm install
code .
npm run dev

Estructura

  • Un archivo HTML ( index.html ) con la página principal.
  • Un archivo CSS ( index.css ) referenciado en el HTML anterior.
  • Un archivo Javascript ( index.js ) referenciado en el HTML anterior.
  • Una carpeta components/ que puede incluir WebComponents.
  • Una carpeta assets/ que puede incluir estáticos (hasheados).
  • Una carpeta dist/ creada tras un npm run build, con todos sus archivos procesados.
  • Una carpeta public/ con archivos estáticos similar a assets/, pero a diferencia de esta, sus archivos son copiados a dist/ manteniendo la estructura de carpetas y nombres de ficheros sin ser hasheados.