为啥我的 App.js 代码在保存时会自行更改？

Posted 2023-02-22

【中文标题】为啥我的 App.js 代码在保存时会自行更改？

【英文标题】：Why does my App.js code changes itself upon save?为什么我的 App.js 代码在保存时会自行更改？

【发布时间】：2020-06-02 07:57:26

【问题描述】：

我正在尝试构建我的第一个 React Native 应用程序。我使用的是默认的 App.js 代码，唯一的区别是我将输出文本从 Open up App.js 更改为 Hello world!。我在保存时遇到了代码自行更改的问题。

这是我按 Ctrl+S 保存文件之前默认函数的外观：

export default function App() 
  return (
    <View style=styles.container>
      <Text>Hello world!</Text>
    </View>
  );

这是保存后默认函数的外观：

export default function App() 
    return ( <
        View style =  styles.container  >
        <
        Text > Hello world! < /Text> <
        /View>
    );

这是一个错误还是我做错了什么？

【问题讨论】：

它很可能是您正在使用的 ide/编辑器以及其中的设置

这是因为设置中的自动保存格式发生了变化。

这与您使用的语言或库无关，请检查您的IDE设置。

你用的是什么IDE？

Visual Studio 代码

【参考方案1】：

这取决于您的 IDE。由于您使用 Visual Studio Code 作为 IDE，请尝试使用代码格式化扩展来相应地格式化您的代码。

尝试使用 Prettier - VS Code 的代码格式化程序扩展 -> Here

如果您想启用自动保存，请将以下内容添加到您的 settings.json 文件中：

“editor.formatOnSave”：真

如果您想禁用自动保存，请将以下内容添加到您的 settings.json 文件中：

“editor.formatOnSave”：假

【参考方案2】：

如果您使用的是 VS 代码... 我遇到了同样的问题，我只是通过以下方式解决了它：

点击左下角的按钮可能会说 “javascript” 点击它会出现一个搜索栏 键入“react”并选择两个“react”中的每一个 (javascriptreact)" 或 "react (typescriptreact)" 取决于什么 你正在使用

如果没有，希望能帮助您解决问题...

ctrl+shift+p打开搜索栏 输入“打开设置” 点击“打开设置（JSON）” 将此粘贴​​到 .json 文件的末尾：editor.formatOnSave": false