为什么我的 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 代码

标签： javascript react-native

【解决方案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

【讨论】：