首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

template-curly-spacing

--fix命令行上的选项可以自动修复一些被这条规则反映的问题。

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

此规则可根据样式指南强制使用大括号的间距。

代码语言:javascript
复制
let hello = `hello, ${people.name}!`;

规则细节

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

选项

代码语言:javascript
复制
{
    "template-curly-spacing": ["error", "never"]
}

这条规则有一个选项,它具有"never""always"作为价值。

  • "never" (默认情况下) - 不允许大括号内的空格。
  • "always" - 在花括号内需要一个或多个空间。

示例

never

此规则的默认代码错误代码示例"never"

代码语言:javascript
复制
/*eslint template-curly-spacing: "error"*/

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

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

具有默认选项的此规则的正确代码示例"never"

代码语言:javascript
复制
/*eslint template-curly-spacing: "error"*/

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

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

always

此规则的错误代码示例包含以下"always"选项:

代码语言:javascript
复制
/*eslint template-curly-spacing: ["error", "always"]*/

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

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

此规则的正确代码示例包含以下"always"选项:

代码语言:javascript
复制
/*eslint template-curly-spacing: ["error", "always"]*/

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

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

何时不使用

如果您不希望收到有关模板字符串内部间距的使用情况的通知,那么禁用此规则是安全的。

版本

该规则在ESLint 2.0.0-rc.0中引入。

资源

扫码关注腾讯云开发者

领取腾讯云代金券