pug
Generation av syntax och markering

Angular 2 AngularJS CSS HTML JavaScript jQuery MongoDB Node.js PHP twitter-bootstrap
Sök…


Introduktion

En förhandsgranskning av skillnaden mellan mops-kod och den genererade markeringen

Anmärkningar

Pug gör det möjligt att skriva HTML på ett enklaste sätt genom att använda en ren, vitkänslig syntax.

Från Pug till HTML

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) bar(1 + 5)
  body
    h1 Pug - node template engine
    #container.col
      if youAreUsingPug
        p You are amazing
      else
        p Get on it!
      p.
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.

blir: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Pug</title>
    <script type="text/javascript">
      if (foo) bar(1 + 5)
    </script>
  </head>
  <body>
    <h1>Pug - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
      <p>Pug is a terse and simple templating language with a strong focus on performance and powerful features.</p>
    </div>
  </body>
</html>


Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow