如何在反應文件中停止 VS 代碼中的自動間距？

Question

這是我在 JSX 文件中的 VS 代碼中編寫的代碼，但它顯示錯誤，因為它沒有將< /h1>識別為結束標記。 我嘗試了很多方法來阻止這種自動間距，但我無法做到。

請盡快幫忙！！ 謝謝！

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render( < h1 > Hello < /h1>, document.getElementById("root"));

Answer 1

我相信這與您擁有的語言模式有關。 使用帶有 Prettier 的 JavaScript (React) 語言模式來避免它。

要更改語言模式，請按F1並輸入更改語言模式，您將得到如下內容：

在其中使用 JavaScript (React)。 並嘗試再次保存，它應該可以工作。

Answer 2

在我formatter.JSON文件中，單擊 F1 並輸入文件名后會彈出該文件。 我不得不改變：

"javascript": {
  "space_before_conditional": false,
}

“ "javascript" object 下的"space_before_conditional"值設置為false ，現在工作正常。