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" 選項時，此規則的不正確程式碼範例
在遊樂場開啟
/*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 v2.0.0-rc.0 中引入。