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

Posted 2023-02-22

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

【英文标题】：VS Code problem: When I save, rows and spaces add automatically and destroys code

【发布时间】：2020-08-22 10:03:27

【问题描述】：

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

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

例如这是JS file中的原始代码语法：

import React,  useState  from 'react';

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

  </div>


export default App;

这就是我保存后的happens：

import React, 
  useState
 from 'react';

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

    <
    /div>


export default App;

当我将其改回并再次保存时，我无法将其恢复为正确的语法（删除不必要的行和空格） - 它做同样的事情。我进行了更改，例如提供 here（添加重新包装）和 there（修剪设置），但没有帮助。

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

【问题讨论】：

你可能没有配置 prettier 来理解 JSX 语法

检查您的 Visual Studio 用户设置/首选项。可能有像 editor.formatOnSave 这样的设置设置为 true.. 您可能必须将其更改为 false 才能禁用自动格式

我认为 formatOnSave 的更改有效。谢谢！ @Bergi - 我不确定我是否理解你的答案，但可能禁用 formatOnSave 就足够了。

【参考方案1】：

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

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