¡Ya somos 22504 en Twitch, de los cuales 111 son subscriptores y 26 donantes! ¡Muchas gracias por el apoyo!
El script mkweb
sirve para generar rápidamente, sin demasiadas complicaciones, la estructura de carpetas (scaffolding) de un proyecto HTML/CSS/Javascript base, con todo preparado para programar.
node --version
)curl --version
o wget --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 ugo+rx /usr/local/bin/mkweb
Si tienes algún problema, puedes comentarlo en nuestro Discord.
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
.mkweb project-name --lit
.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
(lista para subir a producción).- 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.