javascript - 如何在 vs 代码中更新我的配置文件？

Question

当我在 VS Code 上看到示例配置文件时，它们通常很长，并提供两个用于更新的面板(一个用于默认设置，另一个用于自定义)。出于某种原因，我的配置文件只有几行，每当我尝试更新它时，什么也没有发生:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

例如，我正在尝试添加一行代码来消除在 .js 文件中使用 .jsx 时显示的错误，如发现 here和 here但它不起作用。这只是一个例子，我也尝试过其他修改。如何将以下代码添加到我的 launch.json(是否有多个 launch.json？)。如您所见，我对此非常陌生，所以感谢您的帮助。

"rules": {
  "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
}

Answer 1

您可以打开:

• 默认设置:Ctrl+Shift+P/Cmd+Shift +P -> 打开默认设置 (JSON)。
• VS Code 设置(应用于整个 VS Code 实例):Ctrl+Shift+P/Cmd +Shift+P` -> 打开设置 (JSON)。
• 工作区设置(仅适用于当前“项目”/文件夹):在根目录“.vscode”文件夹中创建 -> “settings.json”文件。

所有这些你都可以在 UI 而不是 JSON 中找到。

在您的示例中，您提供了启动配置(它不是 vs 代码设置)，它用于配置如何启动/调试您的应用程序。

如果你想摆脱错误，你不需要使用 VS 代码设置。这些规则:

"rules": {"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],}

是 eslint 插件的配置(基于您提供的链接)。因此，您需要将这些行放入 .eslintrc 文件，并且应安装并正确配置 eslint 和适当的插件。