Convertitore HTML in Pug

Converti HTML in Pug in modo rapido online, perfetto per testing, apprendimento e debugging senza configurazioni.

Tag: convertire codice convertitore di template html pug

Esempio

🚀 196,103 conversioni totali (8 questo mese)

🔥 Cosa stanno imparando gli altri sviluppatori? Scoprilo ora

Caricamento in corso…

Che cos'è questo strumento?

Questo strumento online gratuito ti permette di convertire rapidamente l'HTML standard in modelli Pug puliti e indentati. È ideale per gli sviluppatori che utilizzano Node.js e framework web moderni che preferiscono codice leggibile e manutenibile.

Come si usa

Incolla il tuo codice HTML nell'editor o digita manualmente.
Clicca su Converti per generare il codice Pug corrispondente.
Scarica, copia o condividi il risultato con un link unico.

Puoi anche accedere con Google o GitHub per salvare la cronologia delle conversioni per usi futuri.

Che cos'è Pug?

Pug è un motore di template ad alte prestazioni per Node.js, ispirato da Haml. Sostituisce l'HTML tradizionale con una sintassi concisa e sensibile agli spazi, migliorando la chiarezza del codice e riducendo la ripetizione.

Pug è comunemente usato nelle app web costruite con Express.js e offre funzionalità avanzate come riutilizzo del codice, incorporamento di logica e indentazione più pulita.

Scopri di più nella documentazione ufficiale di Pug.

Esempio di sintassi Pug


doctype html
html(lang="en")
  head
    title= pageTitle
    script(type="text/javascript").
      if (foo) bar(1 + 5)
  body
    h1 Pug - motore di template per node
    #container.col
      if youAreUsingPug
        p Sei fantastico
      else
        p Datti da fare!
      p.
        Pug è un linguaggio di template conciso e semplice
        con un forte focus su prestazioni e funzionalità.

Esempio HTML vs Pug

HTML


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Pug</title>
    <script type="text/javascript">
      if (foo) bar(1 + 5)
    </script>
  </head>
  <body>
    <h1>Pug - motore di template per node</h1>
    <div id="container" class="col">
      <p>Sei fantastico</p>
      <p>Pug è un linguaggio di template conciso e semplice con un forte focus su prestazioni e funzionalità potenti.</p>
    </div>
  </body>
</html>

Pug


doctype html
html(lang="en")
  head
    title Pug
    script(type="text/javascript").
      if (foo) bar(1 + 5)
  body
    h1 Pug - motore di template per node
    #container.col
      p Sei fantastico
      p Pug è un linguaggio di template conciso e semplice con un forte focus su prestazioni e funzionalità potenti.