reactjs - 如何使用反应停止 VSCODE 中的标签分离？

Question

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

import React from 'react';

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

export default App;

我怎样才能解决这个问题？

标签： reactjsvisual-studio-codeprettier

Answer 1

看起来您的代码格式化程序设置不正确。您可以禁用Format on Save或正确设置您的代码格式化程序。

1.禁用Format on Save

2.正确设置您的代码格式化程序

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

您可以按照以下指南进行设置。