Pug(原 Jade)
GoLand 集成了 Pug(原 Jade) 模板引擎,可将 Pug(原 Jade)文件转换为 HTML。
Pug 文件以
标识;Jade 文件以
标识。
开始之前
请确保您的计算机上已安装 Node.js。
请在 设置 | 插件 页面, Marketplace 选项卡中,按照 从 JetBrains Marketplace 安装插件 中的说明安装并启用 Pug(原 Jade) 插件。
请确保设置中已启用 File Watchers 插件。 按 Ctrl+Alt+S 打开设置,然后选择 。 点击 已安装 选项卡。 在搜索字段中,输入 File Watchers。 如需了解有关插件的更多信息,请参阅 插件管理。
安装 Pug
在嵌入式 终端 (Alt+F12 )中输入:
npm install -g pug-cli
编译 Pug
要使代码自动编译,您需要安装模板引擎并配置一个 Pug/Jade File Watcher ,用于跟踪文件更改并运行模板引擎。
打开文件时,GoLand 会检查当前项目中是否存在可用的 File Watcher。 如果已配置但未启用该 File Watcher,GoLand 将弹出提示,告知您该 File Watcher 已配置,并建议启用。
如果在当前项目中配置并启用了可用的 File Watcher,则 GoLand 会在 新建监视器对话框 中指定的事件发生时自动启动编译器。
如果选中 自动保存已编辑的文件以触发监视程序 复选框,则在源代码发生任何更改时将调用 File Watcher。
如果清除 自动保存已编辑的文件以触发监视程序 复选框,则 File Watcher 会在保存(、 Ctrl+S )或切换出 GoLand(失去焦点)时启动。
详细信息请参阅 文件监视器。
创建 Pug/Jade 文件监视器
打开 设置 对话框(Ctrl+Alt+S ),然后转到 。
点击
或按下 Alt+Insert ,然后从列表中选择 Pug/Jade 的预定义模板。 您的代码将被转换为 JavaScript,并附带生成的 source maps。
在 程序 字段中指定
pug或jade包的路径。 请手动输入路径,或点击并在打开的对话框中选择文件位置。
请按照 文件监视器 中所述继续操作。
配置语法高亮
您可以根据自己的偏好和习惯配置 Pug/Jade 感知的语法高亮。
在 设置 对话框(Ctrl+Alt+S )中,转到 。
选择配色方案,接受默认继承的高亮设置,或按照 颜色与字体 中的说明进行自定义。