Eslint
规则 | Rules

template-curly-spacing

在模板字符串中强制使用间距(模板卷曲间距)

--fix命令行上的选项可以自动修复一些被这条规则反映的问题。

我们可以使用一对${和来嵌入模板字符串中的表达式}

此规则可根据样式指南强制使用大括号的间距。

let hello = `hello, ${people.name}!`;

规则细节

此规则旨在保持模板文字内部空间的一致性。

选项

{ "template-curly-spacing": ["error", "never"] }

这条规则有一个选项,它具有"never""always"作为价值。

  • "never" (默认情况下) - 不允许大括号内的空格。

  • "always" - 在花括号内需要一个或多个空间。

示例

never

此规则的默认代码错误代码示例"never"

/*eslint template-curly-spacing: "error"*/ `hello, ${ people.name}!`; `hello, ${people.name }!`; `hello, ${ people.name }!`;

具有默认选项的此规则的正确代码示例"never"

/*eslint template-curly-spacing: "error"*/ `hello, ${people.name}!`; `hello, ${ people.name }!`;

always

此规则的错误代码示例包含以下"always"选项:

/*eslint template-curly-spacing: ["error", "always"]*/ `hello, ${ people.name}!`; `hello, ${people.name }!`; `hello, ${people.name}!`;

此规则的正确代码示例包含以下"always"选项:

/*eslint template-curly-spacing: ["error", "always"]*/ `hello, ${ people.name }!`; `hello, ${ people.name }!`;

何时不使用

如果您不希望收到有关模板字符串内部间距的使用情况的通知,那么禁用此规则是安全的。

版本

该规则在ESLint 2.0.0-rc.0中引入。

资源