pug extension, you don’t need to type the angle brackets and because of the indentation you can also ignore the closing tags. As I mentioned earlier, Pug files use the. In this article I’ll show you the core features of Pug, to start let’s create our first file. Note: You need to have installed NodeJS in order to run npm commands from the terminal. Like most tools nowadays, Pug is a node package that can easily be installed on your system using the following npm command: Once you start using it, it’ll become an indispensable tool for you. When using modern CSS frameworks like Bootstrap and Foundation, most of the development becomes entirely about producing HTML, which brings out the power of Pug. It provides the ability to write dynamic and reusable HTML documents, its an open source HTML templating language for Node.js (server-side JavaScript), totally free to use and provides fast, easy, and fun HTML. Just like SASS, Pug is a prepocessor and, as such it helps you accomplishing tasks like wrapping away repetitive work by providing features not available in plain HTML. Simply put, Pug is a clean, white space/indentation sensitive syntax for writing html. Well with Pug, formerly known as “Jade” (a registered trademark, and as a result a rename was needed) it’s a high performance and feature-rich templating engine that’s easy to achieve. Pug is simply too alien from native HTML and resembles a lot more like those other off-side rule languages like Python.Clean and organize HTML, that’s what we as Front-end Developers always aim for. Pug templates are nice for Python programmers who don't want to learn HTML to start writing web pages and develop some entire websites personally from the ground up, but for any serious project that involves more than half a dozen people and has separate positions of web UI designers, front-end developers, and back-end engineers, it's much better to choose something more closely compatible with native HTML as the template engine. Plain HTML pages usually can contain very deeply nested structures, whether they are hand-written by web UI designers or generated from popular web design tools or taken from existing HTML templates, which are a nightmare for front-end engineers to convert into Pug templates, where you have to take care of handling the indentation rules and the deeply nested HTML elements, even creating multiple blocks that don't have any meaning in terms of business logic, just to house the HTML elements within bearable amounts of indentations.
0 kommentar(er)
