Liquid
WebStorm 支持 Liquid 模板语言，并具备以下功能：
语法与错误高亮
大括号定界符的自动闭合
对 Liquid 标签（包括 Shopify 和 Jekyll 标签）及过滤器的 自动补全
使用 Ctrl+//Ctrl+Shift+/ 对代码行与代码块注释/取消注释
实时模板 （代码片段）
安装并启用 Liquid 插件
在 WebStorm 中使用 Liquid 模板语言前，请确保插件 Liquid 已 安装并启用。
支持的文件类型
WebStorm 支持以下文件类型的 Liquid 语法：
*.liquid 文件（作为包含 Liquid 代码的 HTML 文件处理）
*.html.liquid 、 *.md.liquid 、 *.css.liquid 等
如果希望将 .html 或 .md 文件作为 Liquid 文件处理，您可以配置 文件类型关联。 请注意，文件类型关联适用于您 IDE 中的所有项目。
将 HTML 文件关联为 Liquid
打开 HTML 文件，按 Ctrl+Shift+A ，然后输入 关联到文件类型。
在打开的 注册新文件类型关联 窗口中，选择 Liquid 模板。
当前在编辑器中打开的文件现在将作为 Liquid 文件处理。
将所有 HTML 文件关联为 Liquid
按 Ctrl+Alt+S 打开设置，然后选择 。
在 识别的文件类型 列表中，选择 Liquid 模板。
在 文件名模式 部分中，输入模式，例如
*.html。如果输入的模式与已有模式匹配（例如，
*.html匹配 HTML 文件类型），系统会提示您确认重新分配。
创建 Liquid 文件
要在 WebStorm 中创建新的 Liquid 文件，请按以下步骤操作：
打开项目视图 Alt+1 并选择目标目录。
转到 。 或者，按 Alt+Insert ，然后在 新建 列表中选择 Liquid 文件。
指定文件名后，按 Enter。
实时模板
您可以使用 实时模板 将 Liquid 代码结构插入到代码中，例如 if 块、 assign 标签等。
展开实时模板
要展开实时模板，请输入对应的模板缩写并按 Tab。 下面演示如何使用预定义的 if 模板插入 if 块。
在 Liquid 文件中输入
if并按 Tab。指定所需条件后，按 Tab 跳转到下一个语句。
输入满足指定条件的期望代码。
配置实时模板
要配置 Liquid 特定的实时模板：
打开 设置 Ctrl+Alt+S。
转到 编辑器 | 代码模板 页面，在 Liquid 分组中选择所需模板。 您可以从 实时模板 了解如何配置实时模板。
配置代码样式设置
要自定义 Liquid 的 代码样式设置：
按 Ctrl+Alt+S 打开设置，然后选择 。
配置语法高亮
您可以根据自身喜好配置 Liquid 感知的语法高亮方式。
在 设置 对话框（Ctrl+Alt+S ）中，转到 。
选择配色方案，接受默认继承的高亮设置或根据 颜色和字体 中所述进行自定义。