如何更改 Visual Studio 代码设置

Question

我正在尝试更改 Visual Studio 代码 settings.json 但它不起作用。我已在 C:\Users\Userid\AppData\Roaming\Code\User\settings.json 中更新了此内容，但不起作用。如何在VS Code中编辑settings.json文件？

{
    "css.experimental.customData": ["./css.json"],
    "json.schemas": [ 
        {
            "fileMatch": ["/css.json"],
            "url": "https://raw.githubusercontent.com/Microsoft/vscode-css-languageservice/master/docs/customData.schema.json"
        }
    ]
}

Answer 1

VSCode 的设置分为 2 类：用户和工作空间。

用户设置

全局应用到您打开的任何 VS Code 实例的设置。

ctrl您可以通过按+来编辑这些设置，, 它应该会打开“用户设置”选项卡。如果没有，请单击“用户设置”选项卡来编辑用户设置。请注意，这些设置将影响您使用 VSCode 打开的所有项目。

打开“用户设置”选项卡的 VSCode 设置窗格

编辑 JSON 模式

VSCode 设置页面不允许直接编辑 JSON 架构。要编辑 JSON 架构设置：

1. 在 VSCode 设置页面中搜索 JSON 架构
2. 点击“在settings.json中编辑”
3. 编辑设置
4. 完毕！

VSCode 中的 JSON 架构设置

或者;

工作区设置

设置存储在工作区中，并且仅在工作区打开时应用。
工作区设置覆盖用户设置。

要编辑工作区设置，请按照用户设置的步骤进行操作，但单击“工作区设置”选项卡除外。请注意，工作区设置将覆盖用户设置

css.experimental.customData

您应该将 css.json 文件放入 .vscode 中。

projectRoot/.vscode/css.json

{
  "version": 1,
  "pseudoElements": [
    { "name": "::bar", "description": "Foo pseudo elements" }
  ]
}

projectRoot/.vscode/settings.json

{
  "css.experimental.customData": ["./.vscode/css.json"],
  "json.schemas": [{
    {
      "fileMatch": ["css.json"],
      "url": "https://raw.githubusercontent.com/Microsoft/vscode-css-languageservice/master/docs/customData.schema.json"
    }
  ]
}

注意：编辑 css.json 后需要重新加载才能应用更改。

您还可以将上述说明应用于 html.json