如何防止 VS Code 在自閉 JSX 標簽前添加空格？

Question

我有一段時間有這個問題。 我們有 ESlint，它禁止我們在自閉 JSX 標簽之前添加空格，但是當我在 VS Code 中格式化 .jsx 文件時，它會插入它。 我該如何禁用它？

有問題的截圖：

謝謝！

Answer 1

據我所知， javascript.format選項中沒有這樣的格式化選項。 但是你總是可以考慮這種工作的擴展。

現在很多人都在使用Prettier ，但它是固執己見的，並且不能保證它能很好地與你所有的 ESLint 選項一起工作。 它有一個ESLint 集成n，所以也許你想看看這個。

你也可以看看react-beautify ，它似乎有一個選項。 但是我不熟悉這個擴展。

Answer 2

使用語言模式javascriptreact ，而不是javascript

Answer 3

在 VS 代碼設置中搜索“prettier”Default Formatter 並將其更改為 Prettier ESLint（也許您需要安裝它，我不記得了）

並檢查 eslint 規則“react/jsx-tag-spacing”

查看截圖