Pug JS

template engine,motor de plantilla, genera la estructura html y le vas metiendo datos que pueden venir de una BD, una API etc, Nos da la estructura html lista para que le metamos datos.

    Temas relevantes

  1. INTEGRACION TOTAL CON REACT Y NODE
  2. Interpolaciones
  3. Condicionales
  4. Bucles
  5. Mixins(funciones)
  6. Bloques
  7. Includes
  8. Extends
  9. Templates

    Comandos

  1. pug index.pug -P Para compilar
  2. pug index.pug -P para que se mantenga viendo y compilando todo el tiempo
  3. | sirve para dar un enter, como si fuera una etiqueta br Responsive image Responsive image
  4. h2. Se agrega un punto después de la etiqueta para dar a entender que es un ENTER Enter en Pug
  5. div.una-clase Y div#un-id agregar una clase y un id, también se pueden resumir y poner varias clases e ids
  6. a(href="http://www.google.com", target="_blank", rel="noopener noreferrer") Google para poner un link
  7. link(rel="stylesheet", href="style.css") etiqueta link
  8. img(src="", alt="") para una imagen