¡Ya somos 12807 en Twitch, de los cuales 112 son subscriptores y 21 donantes! ¡Muchas gracias por el apoyo!

Donantes 21 Donantes
Moderadores 8 Moderadores
Fundadores 2 Fundadores
Network 3 Network
Server 10 Server
HardDisk 13 HardDisk
USBDisk 10 USBDisk
SDCard 15 SDCard
CD/DVD 19 CD/DVD
Diskette 42 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.