llms.txt: machine-readable documentation index. Markdown version of this page is also available.

IntelliJ IDEA 2026.3 Help

Pug (Jade)

IntelliJ IDEA 集成了 Pug (Jade) 模板引擎,该引擎将 Pug (Jade) 文件转换为 HTML。

Pug 文件用 Pug 图标 标记;Jade 文件用 Jade 图标 标记。

开始之前

  1. 请确保您的计算机上安装了 Node.js。

  2. 安装 Pug (ex-Jade) 和 File Watchers 插件,位置在 设置 | 插件 页面上,如 从 JetBrains Marketplace 安装插件中所述。销售

安装 Pug

  • 在命令行 shell 或嵌入式 终端 (Alt+F12 )中输入:

    npm install -g pug-cli

编译 Pug

要自动编译您的代码,您需要安装模板引擎并配置一个 Pug/Jade File Watcher ,它将跟踪您的文件更改并运行模板引擎。

打开文件时,IntelliJ IDEA 会检查当前项目中是否有适用的文件关注者。 如果已配置此类文件关注者但其已禁用,IntelliJ IDEA 会显示一个弹出窗口,告知已配置的文件关注者并建议启用它。

如果当前项目中已配置并启用了适用的文件关注者,IntelliJ IDEA 会在 新建关注者对话框 中指定的事件发生时自动启动编译器。

  • 如果选中 自动保存已编辑的文件以触发监视器 复选框,只要源代码发生任何更改,就会调用文件关注者。

  • 如果清除 自动保存已编辑的文件以触发监视器 复选框,文件关注者会在保存时(文件 | 全部保存、 Ctrl+S )或将焦点从 IntelliJ IDEA 移开时(帧停用时)启动。

有关更多信息,请参阅 File Watchers。

创建 Pug/Jade 文件监视器

  1. 打开 设置 对话框(Ctrl+Alt+S ),然后转到 工具 | File Watchers。

  2. 点击 "添加"按钮 或按 Alt+Insert 并从列表中选择 Pug/ Jade 预定义模板。 您的代码将被翻译成 JavaScript,并附带生成的 source maps。

  3. 在 程序 字段中,指定 pug 或 jade 包的路径。 请手动输入路径或点击 浏览按钮 并在打开的对话框中选择文件位置。

  4. 按照 File Watchers 中的说明进行操作。

配置语法高亮

您可以根据您的偏好和习惯配置 Pug/Jade 语法高亮。

  1. 在 设置 对话框(Ctrl+Alt+S ),转到 编辑器 | 配色方案 | Pug/Jade。

  2. 选择配色方案,接受从默认设置继承的高亮设置,或按照 颜色与字体 中的说明进行自定义。

2026年 11月 3日