Pug (Jade)
JetBrains Rider 集成了 Pug (Jade) 模板引擎，该引擎将 Pug (Jade) 文件转换为 HTML。
Pug 文件用 
标记；Jade 文件用 
标记。
开始之前
安装 Pug
在内置的 终端 （Alt+F12 ）中，输入：
npm install -g pug-cli
编译 Pug
要自动编译您的代码，您需要安装模板引擎并配置一个 Pug/Jade File Watcher ，它将跟踪您的文件更改并运行模板引擎。
当您打开文件时，JetBrains Rider 会检查当前项目中是否有适用的文件监视器。 如果已配置此类文件监视器但被禁用，JetBrains Rider 会显示一个弹出窗口，告知您已配置的文件监视器，并建议您启用它。
如果在当前项目中配置并启用了适用的文件监视器，JetBrains Rider 会在 新建监视器对话框 中指定的事件发生时自动启动编译器。
如果选中 自动保存已编辑的文件以触发监视器 复选框，只要对源代码进行任何更改，文件监视器就会立即启动。
如果清除 自动保存已编辑的文件以触发监视器 复选框，文件监视器会在保存时（、 Ctrl+S ）或当您将焦点从 JetBrains Rider 移开时（在帧停用时）启动。
创建 Pug/Jade 文件监视器
打开 设置/首选项 对话框（Ctrl+Alt+S ），然后转到 。
点击
或按 Alt+Insert 并从列表中选择 Pug/ Jade 预定义模板。 您的代码将被翻译成 JavaScript，并附带生成的 source maps。在 程序 字段中，指定
pug或jade包的路径。 请手动输入路径或点击
并在打开的对话框中选择文件位置。按照 文件监视器 中的说明进行操作。
配置语法高亮
您可以根据您的偏好和习惯配置 Pug/Jade 语法高亮。
在 设置/首选项 对话框（Ctrl+Alt+S ），转到 。
选择配色方案，接受从默认设置继承的高亮设置，或按照 配色方案：IDE 文本的字体和颜色 中的说明进行自定义。