在 vscode 中保存 React 项目文件时出现奇怪的格式

Chi*_*ang 3 jsx reactjs visual-studio-code

保存文件后出现错误,代码自动格式化,如下代码所示

错误打开和关闭标签、自动回车、自动添加 {" "} )。

希望你能帮忙。

在此输入图像描述

Ami*_*mit 7

最初,我也为此经历了很多挣扎。按着这些次序:

  1. Ctrl+ shift+P打开搜索字段。

  2. 类型settings.json。在执行下一步之前不要按 Enter 键。

  3. 选择“打开工作区设置(JSON)”。这应该打开 json 格式的工作区设置文件。对你来说可能是空的。

在此输入图像描述

现在将此 json 粘贴到文件中。

{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}
Run Code Online (Sandbox Code Playgroud)

保存文件,该特定项目的错误应该消失。但你必须为每个 React 项目执行此操作。为了全面解决这个问题,你必须安装 linter。在这里阅读更多相关内容。

我希望它有帮助!