Intelephense格式化工具在PHP/HTML中自动添加空行的解决方案

2025-07-09 04:53:34作者：伍霜盼Ellen

问题背景

在使用VSCode的Intelephense插件进行PHP/HTML代码格式化时，许多开发者会遇到一个常见问题：插件会在HTML文档的<html>、<head>和<body>标签之间自动添加额外的空行。虽然这种格式化风格在某些情况下可能提高可读性，但对于遵循特定代码风格指南或偏好紧凑格式的开发者来说，这可能不符合他们的需求。

技术原理

Intelephense插件实际上内置了js-beautify工具来处理HTML部分的格式化工作。js-beautify是一个流行的JavaScript代码美化工具，同时也支持HTML和CSS的格式化。该工具默认会在特定的HTML标签前后添加空行，这是其预设的格式化规则之一。

解决方案

要解决这个问题，我们可以在项目根目录下创建一个名为.jsbeautifyrc的配置文件。这个文件允许我们自定义js-beautify的行为，覆盖其默认的格式化规则。

配置内容如下：

{
    "html": {
        "extra_liners": []
    }
}

这个配置中的extra_liners数组原本默认包含["head", "body", "/html"]等标签，表示在这些标签前后添加空行。通过将其设置为空数组，我们告诉格式化工具不要在特定标签周围添加额外的空行。

实施建议

在项目根目录创建.jsbeautifyrc文件
将上述配置内容复制到文件中
保存文件后，重新格式化你的PHP/HTML文档

注意事项

这个配置会影响项目中所有HTML文件的格式化行为
如果你同时使用其他格式化工具，可能需要检查它们是否会与这个配置产生冲突
团队开发时，建议将这个配置文件纳入版本控制，确保所有成员使用相同的格式化规则

扩展知识

除了控制空行外，.jsbeautifyrc文件还可以配置许多其他格式化选项，如缩进大小、是否保留换行符、属性换行方式等。开发者可以根据团队或个人的编码风格需求进行更细致的配置。

通过理解Intelephense背后的格式化机制并合理配置，开发者可以确保代码既保持整洁美观，又符合特定的风格要求。

登录后查看全文

项目优选

收起

🎉 (RuoYi)官方仓库基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

🔥🔥🔥ShopXO企业级免费开源商城系统，可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存，遵循MIT开源协议发布、基于ThinkPHP8框架研发

JavaScript

openGauss-server

openGauss kernel ~ openGauss is an open source relational database management system

旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件，通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求，让密码技术应用更简单，同时探索后量子等先进算法创新实践，构建密码前沿技术底座！

🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端

TypeScript

596

CangjieCommunity

为仓颉编程语言开发者打造活跃、开放、高质量的社区环境

Markdown

1.07 K

HarmonyOS-Examples

本仓将收集和展示仓颉鸿蒙应用示例代码，欢迎大家投稿，在仓颉鸿蒙社区展现你的妙趣设计！

本仓将收集和展示高质量的仓颉示例代码，欢迎大家投稿，让全世界看到您的妙趣设计，也让更多人通过您的编码理解和喜爱仓颉语言。

Cangjie

332

1.08 K

Intelephense格式化工具在PHP/HTML中自动添加空行的解决方案

问题背景

技术原理

解决方案

实施建议

注意事项

扩展知识

热门内容推荐

最新内容推荐

项目优选

Intelephense格式化工具在PHP/HTML中自动添加空行的解决方案

问题背景

技术原理

解决方案

实施建议

注意事项

扩展知识

相关内容推荐

热门内容推荐

最新内容推荐

项目优选