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