如何使用 React 在 VSCODE 中停止标签分离？

Question

保存更改后，标签将像这样分隔。

import React from 'react';

function App() {
  return ( < div >
    Hello!
    <
    /div> 
  );
}

export default App;

我该如何解决这个问题？

Answer 1

您的代码格式化程序似乎未正确设置。您可以禁用 Format on Save 或正确设置代码格式化程序。

1。禁用 Format on Save

2。正确设置代码格式化程序

我喜欢使用 Prettier，因为它设置起来相当简单，并且可以帮助您保持代码整洁，几乎没有以前定义的规则。

这里有一个 guide 您可以按照它进行设置。