單行內聯注釋前空格的 ESLint 規則

Question

我正在尋找一些我認為在 ESLint 規則中是標准的東西，但不知何故在規則列表中找不到。

有一個空格spaced-comment規則，它在單行注釋的開頭 //之后立即強制使用空格。

我想在行內注釋之前強制執行一個空格。

test(); // This would be allowed
test();// This wouldn't be

有沒有我沒有看到的規則？

Answer 1

不幸的是，正如其他答案所提到的， ESLint沒有在行注釋開頭的雙 fwd 斜線//之前要求空格的規則。 只允許您設置雙 fwd 斜線后的空格量： // 。 ESLint v8.0 是一個非常令人興奮的更新，因此我已經閱讀了它包含的內容，並且我知道它在評論前不包含空格，因此，假設ESLint將這個小花絮留給格式化程序是合理的或用戶，如果該用戶不使用格式化程序。

---

有兩種解決方案，但都不包含 ESLint 規則：

• 第一個非常明顯，但比我曾經想象的更常見——Lint 你的代碼，然后使用你的鼠標和眼球手動格式化你的代碼。

• 二是可能是最流行的選擇：使用更漂亮，__FYI：你不需要這個插件”更漂亮是偏見和空格生了一個行內注釋開始是越漂亮風格指南的一個不可改變的部分避開人多。漂亮，因為它使用的是一個非常艱巨的任務，既ESLint和更漂亮添加到同一個項目，實現兩國的ECMAScript工具之間conflictless和諧，但是，對於這兩個要求的現代配置要容易得多，因為新的擴展及的設置已經創建好的插件，如果使用VSCode，只需要安裝ESLint & Prettier-ESLint擴展，另外需要NPM安裝ESLint & Prettier作為開發環境擴展。

---

> “The Above 可能不是你要找的東西，但我覺得值得一提，因為即使你已經知道我寫的所有東西，至少它證實了你的立場，就是你所在的 Linter使用也代表。”

重要的是要注意 linter 不是格式化程序，反之亦然，這就是人們同時使用兩者的原因。

---

Answer 2

不，不幸的是，列表中沒有規定。

但是，如果您將eslint與eslint-plugin-prettier一起使用，則會標記注釋前的分號后缺少空格。 prettier本身不是一個 linter，而是一個自以為是的格式化程序，所以這個插件的配置選項是有限的。 基本上，您喜歡漂亮的格式樣式，或者您不喜歡。

為了prettier和eslint一起工作很好，你可以使用eslint-config-prettier 。 這將禁用與漂亮的沖突的eslint規則。

還有兩個選擇：

1. 將您的規則實現為 eslint 插件
2. 在 GitHub 上提出問題。 也許這只是semi-spacing規則中的一個錯誤。 https://github.com/eslint/eslint/issues