【问题标题】:intellij configuration html formatting does not workintellij 配置 html 格式化不起作用
【发布时间】:2025-11-23 22:05:02
【问题描述】:

我尝试了所有配置设置,例如 CODE STYLE > FILE AND CODE TEMPLATES 或 HTML FORMAT SETTINGS,但无论我做什么,我都无法修改它,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <title>Title</title>
</head>
<body>
<div id="app">
    <h1>{{ message }}</h1>
</div>
<script src="src/app.js"></script>
</body>
</html>

我想要的如下,

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <title>Title</title>
    </head>
    <body>
        <div id="app">
            <h1>{{ message }}</h1>
        </div>
        <script src="src/app.js"></script>
    </body>
</html>

我的 HTML 代码样式格式是:

【问题讨论】:

    标签: html templates intellij-idea formatting editor


    【解决方案1】:

    HTML 代码格式在设置| 中配置。编辑 |代码风格 | HTML;要获得所需的结果,您需要从 Do not indent children of: 列表中删除 htmlbody Other 标签:

    【讨论】: