%PDF- %PDF-
Direktori : /www/specpages-backup/node_modules/pug/ |
Current File : /www/specpages-backup/node_modules/pug/README.md |
# [](http://pug-lang.com/) Full documentation is at [pug-lang.com](http://pug-lang.com/) Pug is a high performance template engine heavily influenced by [Haml](http://haml.info/) and implemented with JavaScript for [node](http://nodejs.org) and browsers. For bug reports, feature requests and questions, [open an issue](https://github.com/pugjs/pug/issues/new). For discussion join the [chat room](https://gitter.im/pugjs/pug). You can test drive Pug online [here](http://naltatis.github.com/pug-syntax-docs). [](https://travis-ci.org/pugjs/pug) [](https://coveralls.io/r/pugjs/pug?branch=master) [](https://david-dm.org/pugjs/pug) [](https://david-dm.org/pugjs/pug#info=devDependencies) [](https://www.npmjs.com/package/pug) [](https://gitter.im/pugjs/pug?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) ## Installation via npm: ```bash $ npm install pug ``` ## Syntax Pug is a clean, whitespace sensitive syntax for writing html. Here is a simple example: ```pug 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. ``` becomes ```html <!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> ``` The official [pug tutorial](http://pug-lang.com/tutorial/) is a great place to start. While that (and the syntax documentation) is being finished, you can view some of the old documentation [here](https://github.com/pugjs/pug/blob/master/pug.md) and [here](https://github.com/pugjs/pug/blob/master/pug-language.md) ## API For full API, see [pug-lang.com/api](http://pug-lang.com/api/) ```js var pug = require('pug'); // compile var fn = pug.compile('string of pug', options); var html = fn(locals); // render var html = pug.render('string of pug', merge(options, locals)); // renderFile var html = pug.renderFile('filename.pug', merge(options, locals)); ``` ### Options - `filename` Used in exceptions, and required when using includes - `compileDebug` When `false` no debug instrumentation is compiled - `pretty` Add pretty-indentation whitespace to output _(false by default)_ ## Browser Support The latest version of pug can be download for the browser in standalone form from [here](https://raw.githubusercontent.com/pugjs/pug/1.11.0/pug.js). It only supports the very latest browsers though, and is a large file. It is recommended that you pre-compile your pug templates to JavaScript and then just use the [runtime.js](https://raw.githubusercontent.com/pugjs/pug/1.11.0/runtime.js) library on the client. To compile a template for use on the client using the command line, do: ```console $ pug --client --no-debug filename.pug ``` which will produce `filename.js` containing the compiled template. ## Command Line After installing the latest version of [node](http://nodejs.org/), install with: ```console $ npm install pug -g ``` and run with ```console $ pug --help ``` ## Additional Resources Tutorials: - cssdeck interactive [Pug syntax tutorial](http://cssdeck.com/labs/learning-the-pug-templating-engine-syntax) - cssdeck interactive [Pug logic tutorial](http://cssdeck.com/labs/pug-templating-tutorial-codecast-part-2) - [Pug について。](https://gist.github.com/japboy/5402844) (A Japanese Tutorial) - [Pug - 模板引擎](https://github.com/pugjs/pug/blob/master/Readme_zh-cn.md) Implementations in other languages: - [php](https://github.com/kylekatarnls/pug-php) - [scala](http://scalate.fusesource.org/versions/snapshot/documentation/scaml-reference.html) - [ruby](https://github.com/slim-template/slim) - [python](https://github.com/SyrusAkbary/pypug) - [java](https://github.com/neuland/pug4j) Other: - [Emacs Mode](https://github.com/brianc/pug-mode) - [Vim Syntax](https://github.com/digitaltoad/vim-pug) - [TextMate Bundle](http://github.com/miksago/pug-tmbundle) - [Coda/SubEtha syntax Mode](https://github.com/aaronmccall/pug.mode) - [html2pug](https://github.com/donpark/html2pug) converter - [pug2php](https://github.com/SE7ENSKY/pug2php) converter - [Pug Server](https://github.com/ded/pug-server) Ideal for building local prototypes apart from any application ## License MIT