How to change visual studio code settings

Question

I am trying to changes visual studio code settings.json but it is not working. I have updated this in C:\Users\Userid\AppData\Roaming\Code\User\settings.json but not working. How to edit settings.json file in vs code?

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

jro · Accepted Answer · 2019-03-27T11:38:05.010

5

VSCode's settings are split into 2 categories: User and Workspace.

User settings

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

You can edit these settings by pressing ctrl+, It should open to the User Settings tab. If it doesn't, click the User Settings tab to edit user settings. Note that these settings will affect all projects that you open using VSCode.

VSCode settings pane with User Settings tab open

Editing JSON schemas

The VSCode settings page does not allow direct editing of JSON Schemas. To edit JSON schema settings: 1. Search JSON schemas in the VSCode settings page 2. Click "edit in settings.json" 3. Edit settings 4. Done!

JSON schema setting in VSCode

Workspace settings

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

To edit workspace settings, follow steps for user settings, except click the Workspace Settings tab instead. Note that workspace settings will override user settings

`css.experimental.customData`

You should put your css.json file in .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"
    }
  ]
}

Note: a reload is required to apply changes after editing css.json.

You can also apply the above instructions for html.json

edited Mar 27 '19 at 11:38

answered Mar 27 '19 at 09:30

jro

900
1
10
21

Thanks For your reply..How can i call css.json file form workspace? – cinnan Mar 27 '19 at 09:38
"css.experimental.customData": ["./css.json"]..where i want to put this css.json file? – cinnan Mar 27 '19 at 10:03
@cinnan I have added an edit to answer your question – jro Mar 27 '19 at 10:34
Can i use this??? https://github.com/octref/simple-customdata/blob/master/.vscode/settings.json – cinnan Mar 27 '19 at 11:07
JRO: I am waiting for your reply – cinnan Mar 27 '19 at 11:16
Let me try it out and see if it works, I'll get back to you in a while – jro Mar 27 '19 at 11:17
Can you try from your side and send me your setting,json file and html.json file code – cinnan Mar 27 '19 at 11:26
and location also – cinnan Mar 27 '19 at 11:36
Did you reload VSCode – jro Mar 27 '19 at 12:21
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/190771/discussion-between-jro-and-cinnan). – jro Mar 27 '19 at 12:44

score 2 · Answer 2 · answered Mar 27 '19 at 07:28

2

Add a folder called ".vscode" in your project and a settings.json in there. Tho keep in mind those settings are project specific

answered Mar 27 '19 at 07:28

Joscha

240
1
11

Thanks for your reply....Project specific working fine. But i want to set globaly – cinnan Mar 27 '19 at 07:33
Try opening your command window with Ctrl+Shift+P and executing "Open Settings (JSON)" – Joscha Mar 27 '19 at 08:10

How to change visual studio code settings

2 Answers2

User settings

Editing JSON schemas

Workspace settings

css.experimental.customData

`css.experimental.customData`