Pug (Jade) Template Engine
IntelliJ IDEA integrates with the Pug (Jade) template engine.
Before you start
Also, if you need a file watcher, make sure that the File Watchers plugin is installed and enabled. The plugin is not bundled with IntelliJ IDEA, but it can be installed from the JetBrains plugin repository as described in Managing Plugins.
Changes to the UI
The Pug (ex-Jade) plugin introduces the following changes to the IntelliJ IDEA UI:
Using Pug(Jade) templates in a Node.js application
At runtime, the Pug (Jade) files fill be transformed into HTML pages.
Create a project from scratch, or around existing sources, or based on a NodeExpress template. See Working with projects for details.
- Create a Pug (Jade) file. Follow these steps:
In the Project Tool Window, select the directory in which you want to create a new file. To do that, for example, choose .
On the context menu, choose Jade file and specify the file name in the dialog box that opens.
- Create a File Watcher to transform files with the extension
Click the Add Watcher link in the upper right-hand corner of the editor.
- In the New Watcher Dialog, accept the default predefined settings.
Note that if the executable is in the PATH, then you should not specify it explicitly. Depending on the file extension (
.pug), the corresponding executable is invoked.
As you edit a
.jadefile, IntelliJ IDEA invokes the file watcher which creates an
.htmlfile with the name of the processed
.jadefile and stores the generated
htmlcode in it.