¡Ya somos 16320 en Twitch, de los cuales 167 son subscriptores y 25 donantes! ¡Muchas gracias por el apoyo!
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:
node --version
)npm --version
)curl --version
)jq --version
)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
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
mkweb project-name --phaser
.npm
, se recomienda
usar pnpm, compatible y mucho más rápido.src/
incluye el código fuente del proyecto. En su interior:
- 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).
src/
, tendremos:
- Una carpeta
dist/
creada tras unnpm run build
, con todos sus archivos procesados.- Una carpeta
public/
con archivos estáticos similar aassets/
, pero a diferencia de esta, sus archivos son copiados adist/
manteniendo la estructura de carpetas y nombres de ficheros sin ser hasheados.