template-curly-spacing
要求或禁止模板字符串嵌入表达式周围的空格
🔧 可修复
此规则报告的一些问题可以通过 --fix 命令行 选项自动修复。
此规则已在 ESLint v8.53.0 中**弃用**。请使用 相应的规则 在 @stylistic/eslint-plugin-js 中。
我们可以使用一对 ${ 和 } 将表达式嵌入到模板字符串中。
此规则可以根据样式指南强制使用花括号对内部的空格。
let hello = `hello, ${people.name}!`;
规则详情
此规则旨在保持模板字面量内部空格的一致性。
选项
{
"template-curly-spacing": ["error", "never"]
}
此规则有一个选项，其值为 "never" 或 "always" 之一。
"never"（默认） - 禁止花括号对内部的空格。"always"- 要求花括号对内部有一个或多个空格。
示例
never
使用默认 "never" 选项时，此规则的错误代码示例
在 Playground 中打开
/*eslint template-curly-spacing: "error"*/
`hello, ${people.name}!`;
`hello, ${people.name}!`;
`hello, ${people.name}!`;
使用默认 "never" 选项时，此规则的正确代码示例
在 Playground 中打开
/*eslint template-curly-spacing: "error"*/
`hello, ${people.name}!`;
`hello, ${
people.name
}!`;
always
使用 "always" 选项时，此规则的错误代码示例
在 Playground 中打开
/*eslint template-curly-spacing: ["error", "always"]*/
`hello, ${ people.name!`;
`hello, people.name }!`;
`hello, people.name!`;
使用 "always" 选项时，此规则的正确代码示例
在 Playground 中打开
/*eslint template-curly-spacing: ["error", "always"]*/
`hello, ${ people.name }!`;
`hello, ${
people.name
}!`;
何时不使用它
如果您不想收到有关模板字符串内部空格用法的通知，则可以安全地禁用此规则。
版本
此规则是在 ESLint v2.0.0-rc.0 中引入的。