@stylistic/js/

template-curly-spacing

テンプレート文字列に式を埋め込むには、${ と } のペアを使用します。

このルールは、スタイルガイドに従って、中括弧のペア内のスペースの使用を強制できます。

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

ルール詳細

このルールは、テンプレートリテラル内のスペースに関する一貫性を維持することを目的としています。

オプション

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

このルールには、値として "never" または "always" のいずれかを持つ1つのオプションがあります。

• "never" (デフォルト) - 中括弧のペア内のスペースを許可しません。
• "always" - 中括弧のペア内に1つ以上のスペースが必要です。

例

never

デフォルトの "never" オプションを使用した、このルールの不正なコードの例

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

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

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

不正

デフォルトの "never" オプションを使用した、このルールの正しいコードの例

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

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

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

正しい

always

"always" オプションを使用した、このルールの不正なコードの例

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

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

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

不正

"always" オプションを使用した、このルールの正しいコードの例

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

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

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

正しい

使用しない場合

テンプレート文字列内のスペースの使用について通知されたくない場合は、このルールを無効にしても安全です。