

Like any JavaScript templating engine, Pug.js supports writing reusable HTML code and rendering dynamic data.

Pug.js, formerly known as Jade, is a templating engine designed to render HTML in server-side technologies such as Node.js. In this Pug.js tutorial, we’ll show you how to integrate Vue.js into a backend application using Pug as a templating engine.įor an introduction to Pug.js, check out “ Getting started with Pug.” What is Pug.js? Pug.js tutorial: A beginner’s guide with examples īecome a sponsor and get your logo on our README on GitHub with a link to your site.Wisdom Ekpot Follow A student of Ibom Metropolitan Polytechnic studying computer engineering, Wisdom has been writing JavaScript for two years, focusing on Vue.js, Angular, and Express.js. Support us with a monthly donation and help us continue our activities.

Templates engines for other languages with a different syntax, but a similar philosophy: Ports to other languages, with very close syntax: Implementations in other languages Ports in other languages cssdeck interactive Pug syntax tutorial.Which will produce filename.js containing the compiled template. To use Pug in your own JavaScript projects: But if you are new to Pug, you should get started with the new syntax and install the Pug package from npm. The website and documentation for Pug are still being updated. These differences are documented in #2305. The syntax of Pug has several differences, deprecations, and removals compared to its predecessor. As a result, upgrading from Jade to Pug will be the same process as upgrading any other package with a major version bump. Therefore, the rename to Pug coincided with the major version bump. If your package or app currently uses jade, don't worry: we have secured permissions to continue to occupy that package name, although all new versions will be released under pug.īefore the renaming, work had already begun on “Jade 2.0.0”. As of version 2, "pug" is the official package name. After some discussion among the maintainers, "Pug" was chosen as the new name for this project. However, it was revealed to us that "Jade" is a registered trademark as a result, a rename was needed. This project was formerly known as "Jade". Professionally supported pug is now available For bug reports,įeature requests and questions, open an issue. Pug is a high-performance template engine heavily influenced by HamlĪnd implemented with JavaScript for Node.js and browsers.
