如何更改Visual Studio代码设置

Question

我正在尝试更改Visual Studio代码settings.json，但是它不起作用。我已经在C：\ Users \ Userid \ AppData \ Roaming \ Code \ User \ settings.json中更新了此文件，但无法正常工作。如何在vs代码中编辑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