VS Code 问题：当我保存时，行和空格会自动添加并破坏代码

Question

我正在使用 VS code，当我保存时，它会自动在标签和代码的其他部分中添加额外的空格和行。当我将其改回之前的语法并再次保存后，这个问题再次出现，然后我的代码无法工作。

最近我更改了设置中的一些属性，我认为它连接到了“Prettier”扩展，从那时起我就遇到了这个问题，但我不记得现在要启用哪个扩展来修复它。

例如，这是JS 文件中的原始代码语法：

import React, { useState } from 'react';

function App() {
  return ( null);
  <div>

  </div>
}

export default App;

这就是我保存后发生的情况：

import React, {
  useState
} from 'react';

function App() {
  return (null); <
  div >

    <
    /div>
}

export default App;

当我将其更改回来并再次保存时，我无法将其恢复为正确的语法（删除不必要的行和空格） - 它会执行相同的操作。我做了一些更改，例如此处的报价（添加重新包装）和那里的报价（修剪设置），但没有帮助。

我尝试卸载并重新安装我的程序，但没有帮助。我的 VS code 版本没有可能有帮助的工具选项。

Answer 1

我也遇到了类似的问题，如下所示：

选择“JavaScript React”而不是“JavaScript”，如下所示：