VS 代码格式化意外破坏 .js 文件中的代码

VS code formatting breaks the code unexpectedly in .js files

我是 React 的新手。我正在使用 vscode。每当我保存 app.js 文件时，它都会格式化整个代码并抛出错误。

我尝试重新安装 vscode。我也没有使用任何格式扩展。哪里出错了？

在您熟悉键盘快捷键之前，请参考以下步骤：

转到文件 > 首选项 > 设置 > 用户 > 文本编辑器 > 格式设置

取消选中保存选项的格式。

我还建议使用更漂亮的扩展程序。

正如另一个答案已经提到的，一个更漂亮的扩展可以解决这个问题，但从根本上说，这是因为 VScode 将程序读取为 js 而不是 Jsx。如图所示，您可以从底部面板 select 选择正确的语言。因此，为了它，我也会 post 我是怎么做的。

单击该按钮后，将打开一个命令面板，要求您选择所需的语言。键入 react 并选择第一个选项。这将清除问题并将程序作为 JSX 读取，如果不工作，所有代码段也将起作用。