Inside the directory, create a file named first_view.pug, and enter the following data in it. Now, create a new directory called views. Var _ = router() //Instantiate the routerĪpp.use(_.routes()) //Use the routes defined using the router Add the following code to your app.js file. Once pug is installed, set it as the templating engine for your app. To use Pug with Koa, we need to install it using the following command. There is a lot of ground to cover on this. Pug is a very powerful templating engine, which has a variety of features such as filters, includes, inheritance, interpolation, etc.
Templating engines are used to remove the cluttering of our server code with HTML, concatenating strings wildly to existing HTML templates. Within your Express route, you can then render your Pug files by calling the res.render function with the path of the file (starting from the directory set by the app.set("views") option). app.set("view engine", "pug") įurther, you must set the view directory of your app so that Express knows where to look for your Pug files (for compilation). However, you must set the view engine property of your Express application to pug. If you are using Express in your application, you do not need to require("pug"). You can now use pug in your project through the standard require mechanism: const pug = require("pug")
To install the Pug template rendering system, follow these steps:
When you run this file with npm main.js, you should get the following HTML code output in your console: Hello World, John!Ĭongratulations, you just created and compiled your first template! On to more advanced stuff, such as Conditionals, Iteration, and much more! Installation First, let's create a template to be rendered! p Hello World, #)
0 kommentar(er)
