哈巴狗（翡翠）
PhpStorm 与将Pug (Jade) 文件转换为 HTML的Pug (Jade)模板引擎集成。
Pug 文件标有
; Jade 文件标有
.
在你开始前
在Settings/Preferences |上安装并启用Pug (ex-Jade)插件 插件页面，选项卡Marketplace，如从 JetBrains 存储库安装插件中所述。
确保在Settings/Preferences |上启用了File Watchers插件。插件页面，标签Installed。有关详细信息，请参阅管理插件。
安装哈巴狗
在嵌入式终端( Alt+F12) 中，键入：
npm install -g pug-cli
编译哈巴狗
要自动编译您的代码，您需要配置一个Pug/Jade File Watcher，它将跟踪对您的文件的更改并运行模板引擎。
当您打开文件时，PhpStorm 会检查当前项目中是否有可用的文件观察器。如果此类 File Watcher 已配置但已禁用，PhpStorm 会显示一个弹出窗口，通知您已配置的 File Watcher 并建议启用它。
如果在当前项目中配置并启用了适用的 File Watcher，PhpStorm 会在New Watcher 对话框中指定的事件时自动启动编译器。
如果选中自动保存编辑的文件以触发观察程序复选框，则只要对源代码进行任何更改，就会调用文件观察程序。
如果清除了自动保存编辑的文件以触发观察程序复选框，则文件观察程序在保存时启动（，Ctrl+S）或当您从 PhpStorm 移动焦点时（在帧停用时）。
从File Watchers了解更多信息。
创建一个 Pug/Jade 文件观察器
或按下Alt+Insert并从列表中选择
并在打开的对话框中选择文件位置。配置语法高亮
您可以根据自己的喜好和习惯配置 Pug/Jade 感知语法突出显示。
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中，转到。
选择配色方案，接受从默认值继承的突出显示设置，或按照颜色和字体中的说明自定义它们。