visual-studio - 如何更改 Visual Studio 代码设置

Question

我正在尝试更改 visual studio code 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分为两类:用户和工作区。

用户设置

Settings that apply globally to any instance of VS Code you open.

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

打开“用户设置”选项卡的 VSCode 设置面板

编辑 JSON 模式

VSCode 设置页面不允许直接编辑 JSON 模式。要编辑 JSON 架构设置:1. 在 VSCode 设置页面中搜索 JSON 模式2.点击“在settings.json中编辑”3.编辑设置4. 完成!

VSCode 中的 JSON 架构设置

工作区设置

Settings stored inside your workspace and only apply when the workspace is opened.
Workspace settings override user settings.

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

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"
    }
  ]
}

注意:一个reload需要在编辑 css.json 后应用更改。

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