如何配置Prettier使path表达式及HTML标签保持单行显示？

针对你遇到的Prettier格式化问题，结合你使用的prettier-plugin-twig-melody插件，只需在.prettierrc.json中添加以下配置项即可实现需求：

调整后的完整配置 #

{
    "singleQuote": true,
    "useTabs": true,
    "printWidth": 180,
    "tabWidth": 2,
    "singleAttributePerLine": true,
    "plugins": [
        "./node_modules/prettier-plugin-twig-melody"
    ],
    "inlineTags": ["h3", "p"],
    "neverBreakObjectsInAttributes": true
}

配置项说明 #

• inlineTags: 将h3、p加入此列表后，插件会强制这些标签的内容保持在单行，不会自动换行。
• neverBreakObjectsInAttributes: 禁止属性值中的Twig对象表达式（比如你代码里的{ slug: product.slug }）换行，确保整个path调用表达式在属性内保持单行。

如果添加后仍有部分表达式换行，可尝试增加printWidth的数值（比如设为200），进一步放宽单行长度限制。

内容的提问来源于stack exchange，提问作者Naografix