如何在 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 显示的错误，如此处和此处所示，但它不起作用。 这只是一个例子，我也尝试过其他修改。 我如何将下面的代码添加到我的 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 代码实例）： Ctrl + Shift + P / Cmd + Shift + P ` -> 打开设置 (JSON)。
• 工作区设置（仅适用于当前“项目”/文件夹）：在根目录 '.vscode' 文件夹中创建 -> 'settings.json' 文件。

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

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

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

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

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

Answer 2

launch.json 文件用于启动构建、运行或调试等命令，您需要更改一些设置，而不是启动任何东西。 vsCode 为您提供了几种声明设置的方法：

1. 工作区 - 将在您的根工作区目录中保存 settings.json 文件。
2. 用户 - 将在这些路径之一上保存 settings.json 文件（根据您的操作系统）：
   1. Windows %APPDATA%\\代码\\用户\\设置。 json。
   2. Mac $HOME/Library/Application Support/Code/User/settings。 json。
   3. Linux $HOME/. 配置/代码/用户/设置。 json。

在 vsCode 文档上，您可以阅读所有相关内容。

您可以通过ctrl + shift + p打开命令面板和搜索设置，或通过文件 > 首选项 > 设置（Mac 上的代码 > 首选项 > 设置）编辑您的设置。