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
}!`;

何时不使用

如果您不想收到有关模板字符串内使用间距的通知，那么禁用此规则是安全的。