Jade (Pug) Html Render Ausgabe

Ich habe vor kurzem Jade (Pug) auf einem Mac OS X Yosemite installiert.Jade (Pug) Html Render Ausgabe

Ich installierte die node.js letzte Version und verwenden dann den Terminal-Befehl: $ sudo npm install pug-cli -g

Alles war gut, bis ich gemacht die Datei hatte. Ich habe eine test.pug Datei mit dem Standard-Mops-Code:

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.

und verwenden dann das Terminal es zu machen, um es zu testen. Früher habe ich das: $ pug -P test.pug und an die test.html gemacht und der Ausgang war so:

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

Nun, wenn ich Auto macht sie will und verwendet, um das -watch Merkmal: $ pug -w test.pug es so gibt:

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

Ich kann keine Lösung dafür finden. Für alle anderen, die ich auf Youtube oder anderen Tutorials anschaue, sieht die Ausgabe mit der korrekten HTML-Struktur aus, aber meine wird wie eine verkleinerte Version gerendert.

Was kann ich tun, um dies zu beheben und es automatisch mit der richtigen Ausgabe in HTML gerendert zu haben?

Quelle

2016-07-11 boggyn

Die Option, die Sie in der ersten Variante einstellen (-P), ermöglicht die Ausgabevergrößerung. Wenn Sie es auf der zweiten Variante wollen, fügen Sie einfach die Flagge: pug -P -w test.pug

Aus der Dokumentation:

-h, --help    output usage information 
-V, --version   output the version number 
-O, --obj <path|str> JavaScript options object or JSON file containing it 
-o, --out <dir>  output the compiled html to <dir> 
-p, --path <path>  filename used to resolve includes 
-P, --pretty   compile pretty html output 
-c, --client   compile function for client-side runtime.js 
-n, --name <str>  the name of the compiled template (requires --client) 
-D, --no-debug   compile without debugging (smaller functions) 
-w, --watch   watch files for changes and automatically re-render 
-E, --extension <ext> specify the output file extension 
--name-after-file  name the template after the last section of the file path 
         (requires --client and overriden by --name) 
--doctype <str>  specify the doctype on the command line (useful if it 
         is not specified by the template)

Quelle

2016-07-11 23:18:47 Iso

Danke. Es klappt. Ich wusste nicht, dass ich 2 Varianten gleichzeitig benutzen könnte. Ich habe es mit Grunzen benutzt, aber es funktioniert auch mit Ihrer Methode. – boggyn

Überprüfen http://jade-lang.com/api/.

Es gibt einen pretty Parameter in jeder API-Methoden (--pretty in CLI), die, wenn aktiviert, macht Jade-Ausgaben lesbar (hübsch) HTML.

Quelle

2016-07-11 12:10:55 xmikex83

Antwort

Verwandte Themen