Pug（Jade）
WebStorm 集成了 Pug（Jade） 模板引擎，该引擎将 Pug（Jade）文件转换为 HTML。
Pug 文件使用 
标记；Jade 文件使用 
标记。
准备工作
安装 Pug
在嵌入的 终端 （Alt+F12 ）中输入：
npm install -g pug-cli
编译 Pug
要自动编译代码，您需要安装模板引擎并配置一个 Pug/Jade 文件监视器 ，该监视器会跟踪文件的更改并运行模板引擎。
打开文件时，WebStorm 会检查当前项目中是否存在可用的文件监视器。 如果已配置文件监视器但被禁用，WebStorm 将显示通知，提醒您已配置该监视器并建议启用。
如果在当前项目中已配置并启用可用的文件监视器，WebStorm 会在 新建监视器对话框 中指定的事件发生时自动启动编译器。
如果选中 自动保存已编辑的文件以触发 watcher 复选框，在源代码发生任何更改时会立即调用文件监视器。
如果取消选中 自动保存已编辑的文件以触发 watcher 复选框，则文件监视器会在保存（、 Ctrl+S ）时或切换离开 WebStorm（窗口失去焦点时）后启动。
详细信息请参阅 文件监视器。
创建 Pug/Jade 文件监视器
打开 设置 对话框（Ctrl+Alt+S ），转到 。
单击
或按 Alt+Insert ，从列表中选择 Pug/Jade 预定义模板。 您的代码将被转换为 JavaScript，并附带生成的 source maps。在 程序 字段中指定
pug或jade包的路径。 手动输入路径或单击
并在打开的对话框中选择文件位置。请按照 文件监视器 中所述继续操作。
配置语法高亮设置
您可以根据个人偏好和习惯配置支持 Pug/Jade 的语法高亮设置。
在 设置 对话框（Ctrl+Alt+S ）中，转到 。
选择配色方案，接受默认设置下的高亮显示，也可以按照 颜色和字体 中的说明进行自定义。