Originally contributed by Michael Warner, and updated by 0 contributor(s). Got a suggestion? A correction, perhaps? Open an Issue on the Github Repo, or make a pull request yourself! comment-text = comment + comment( " Bob ", " This is Awesome ") - Company Name HomeAbout Us //- Importing JS and CSS script include scripts/index.jsĭiv span.
- File path -> "index.png" html body include includes/nav.pug - Your order is pending //-INCLUDE- //- File path -> "includes/nav.png" h1 Company Name - number is 5 - const orderStatus = "Pending" case orderStatus - No Values are here //-CONDITIONALS- const number = 5 if number 5 P = value //- 1 2 3 each value, index in - //- JS Styles - const myStyles = h1 = name //- Hi Bob //- Bob //-LOOPS- //- 'each' and 'for' do the same thing we will use 'each' only. I used the: pug -P test.pug and it rendered to the test. and then used the terminal to render it to test it. - JS Classes - const m圜lass = div( class= m圜lass) Pug is a terse and simple templating language with a strong focus on performance and powerful features. my-class //- //-JS- const lang = "pug" //- Multi Line JS - const lang = "pug" Hello There //- Hello There //-ATTRIBUTES- div( class= "my-class" id= "my-id" my-custom-attrs= "data" enabled) Have a look at the contents of index.pug : extends layout.pug include mixins/thumbCard block content. No difference is noticeable whether the p. In other words, index.pug is the main file and it will extend from layout.pug that, in turn, includes other Pug files to compose itself. - Single Line Comment //- Multi Line Comment //-TAGS- //- Basic div //- h1 //- my-customTag //- //- Sibling div div //- //- Child div div //- //- Text h1 Hello there Your programming language(s) Pug Expected Behavior Rainbow Indents on pug elements Opt-In Rainbowified tag name (As in XML/HTML) Current Behavior Pug appears to be entirely unsupported currently.
0 kommentar(er)
