eslint-plugin-san

# san/html-closing-bracket-newline

要求在标签的右括号之前换行（或不换行）

  • ⚙️ 此规则包含于 "plugin:san/strongly-recommended" 和 "plugin:san/recommended".
  • 🔧 命令行 (opens new window)中的--fix选项可以自动修复此规则报告的一些问题。

每个人对右括号的位置都有自己的偏好。此规则要求在标签的右尖括号之前换行（或不换行）。

<div
  id="foo"
  class="bar"> <!-- On the same line with the last attribute. -->
</div>

<div
  id="foo"
  class="bar"
> <!-- On the next line. -->
</div>

# 📖 规则细节

此规则目的在于提示不符合配置的右尖括号的错误。

<template> <!-- ✓ GOOD --> <div id="foo" class="bar"> <div id="foo" class="bar" > <!-- ✗ BAD --> <div id="foo" class="bar" > <div id="foo" class="bar"> </template>
Now loading...

# 🔧 配置

{
  "san/html-closing-bracket-newline": ["error", {
    "singleline": "never",
    "multiline": "always"
  }]
}
  • singleline ... 单行元素的配置。 如果元素没有属性或最后一个属性与左括号在同一行，则它是一个单行元素。
    • "never" (默认) ... 禁止在右括号前换行。
    • "always" ... 需要在右括号前换行。
  • multiline ... 多行元素的配置。 如果最后一个属性不在左括号的同一行上，则它是一个多行元素。
    • "never" ... 禁止在右括号前换行。
    • "always" (默认) ... 需要在右括号前换行。

另外，您可以使用 san/html-indent 规则来强制结束括号的缩进级别。

# "multiline": "never"

<template> <!-- ✓ GOOD --> <div id="foo" class="bar"> <!-- ✗ BAD --> <div id="foo" class="bar" > </template>
Now loading...

# 🔍 实现

← san/html-closing-bracket-spacing →