ESLint 样式

外观

@stylistic/

template-curly-spacing ​

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

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

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

规则详细信息 ​

此规则旨在维护模板字面量内部间距的一致性。

选项 ​

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

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

  • "never"（默认） - 禁止在花括号对内使用空格。
  • "always" - 要求在花括号对内使用一个或多个空格。

示例 ​

never ​

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

js
/*eslint @stylistic/template-curly-spacing: "error"*/

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

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

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

js
/*eslint @stylistic/template-curly-spacing: "error"*/

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

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

always ​

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

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

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

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

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

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

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

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

何时不使用它 ​

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