如何更改 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 的settings 分为两类：用户和工作区。

用户设置

全局应用于您打开的任何 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 后需要 reload 来应用更改。

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

Answer 2

在您的项目中添加一个名为“.vscode”的文件夹，并在其中添加一个 settings.json。请记住，这些设置是特定于项目的