leomicheloni/formacion-online-risotto-de-setas-anamontiaga

🍴 Recipe Book

Recipe Book 🍴

Guía de inicio rápido

Necesitarás instalar Node.js y Gulp, luego:

1. Descarga o clona el repositorio
2. Instala las dependencias locales con npm install
3. Arranca el kit con gulp

Espera, ¿esto se hace siempre?

Solo una vez al principio en cada ordenador que utilicemos:

• Instalamos node
• Instalamos el comando de gulp de forma global para poder usarlo desde cualquier carpeta usando npm install --global gulp-cli

Cada vez que descarguemos o clonemos un repo:

• npm install para instalar los paquetes necesarios para convertir Sass a CSS, minizarlo, etc.

Cada vez que estemos trabajando con nuestro código:

• Desde nuestra terminal, ejecutamos el comando gulp para que realice la tarea por defecto, que en el caso del gulpfile.js que tenemos en adalab-web-starter-kit estará pendiente de nuestros archivos Sass, html y JavaScript y los compilará, minificará y/o recargará el servidor cada vez que hagamos un cambio

Estructura del proyecto

La estructura de carpetas tiene esta pinta:

/
`- _src
   |- assets
   |  |- icons
   |  |  |- favicon.png
   |  |- images
   |  |- js
   |  |  |- main.js
   |  `- scss
   |     `- core
   |        `- main.scss
   |
   `- templates
      `- index.html
      `- partials
          `- _footer.html
          `- _header.html
          `- _main.html