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中引入。
资源
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com