跳至内容

@stylistic/

no-multiple-empty-lines

一些开发者更喜欢移除多个空行,而另一些开发者则认为它有助于提高可读性。空格对于分隔代码的逻辑部分很有用,但过多的空格会占用更多的屏幕空间。

规则详情

此规则旨在减少阅读代码时所需的滚动次数。当超过空行的最大数量时,它会发出警告。

选项

此规则有一个对象选项

  • "max" (默认: 2) 强制连续空行的最大数量。
  • "maxEOF" 强制文件末尾连续空行的最大数量。
  • "maxBOF" 强制文件开头连续空行的最大数量。

max

使用默认 { "max": 2 } 选项时,此规则的错误代码示例

js
/*eslint @stylistic/no-multiple-empty-lines: "error"*/

var foo = 5;


var bar = 3;
错误

使用默认 { "max": 2 } 选项时,此规则的正确代码示例

js
/*eslint @stylistic/no-multiple-empty-lines: "error"*/

var foo = 5;


var bar = 3;
正确

maxEOF

使用 { max: 2, maxEOF: 0 } 选项时,此规则的错误代码示例

js
/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxEOF": 0 }]*/

var foo = 5;


var bar = 3;
错误

使用 { max: 2, maxEOF: 0 } 选项时,此规则的正确代码示例

js
/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxEOF": 0 }]*/

var foo = 5;


var bar = 3;
正确

注意:虽然这确保了 EOF 处没有空行,但大多数编辑器仍然会在文件以换行符结尾的情况下在末尾显示一个空行,如下所示。在最后一个 \n 之后,文件末尾没有空行,尽管编辑器可能会显示一个额外的行。真正的额外行将由 \n\n 表示。

正确:

js
/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxEOF": 0 }]*/

var foo = 5;


var bar = 3;
正确

maxBOF

使用 { max: 2, maxBOF: 1 } 选项时,此规则的错误代码示例

js

/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxBOF": 1 }]*/ var foo = 5; var bar = 3;
错误

使用 { max: 2, maxBOF: 1 } 选项时,此规则的正确代码示例

js
/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxBOF": 1}]*/

var foo = 5;


var bar = 3;
正确
js

/*eslint @stylistic/no-multiple-empty-lines: ["error", { "max": 2, "maxBOF": 1}]*/

var foo = 5;


var bar = 3;
正确

何时不使用它

如果您不关心额外的空行,请将其关闭。