template-curly-spacing

要求或禁止模板字符串的嵌入表达式周围的空格

🔧

此规则报告的某些问题可以通过 --fix 命令行选项自动修复

重要提示

此规则在 ESLint v8.53.0 中已弃用。请使用 @stylistic/eslint-plugin-js 中的对应规则。

了解更多

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

此规则可以根据样式指南强制使用在花括号对内部的空格。

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

规则详情

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

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

此规则有一个选项，其值为 "never" 或 "always"。

使用默认 "never" 选项时，不正确代码的示例

在 Playground 中打开

/*eslint template-curly-spacing: "error"*/

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

`hello, ${ people.name }!`;
1
2
3
4
5
6

使用默认 "never" 选项时，正确代码的示例

在 Playground 中打开

/*eslint template-curly-spacing: "error"*/

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

`hello, ${
    people.name
}!`;
1
2
3
4
5
6
7

使用 "always" 选项时，不正确代码的示例

在 Playground 中打开

/*eslint template-curly-spacing: ["error", "always"]*/

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

`hello, ${people.name}!`;
1
2
3
4
5
6

使用 "always" 选项时，正确代码的示例

在 Playground 中打开

/*eslint template-curly-spacing: ["error", "always"]*/

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

`hello, ${
    people.name
}!`;
1
2
3
4
5
6
7

如果您不想收到关于模板字符串内部空格用法的通知，那么禁用此规则是安全的。

此规则在 ESLint v2.0.0-rc.0 中引入。

编辑此页面