JetBrains Rider
 
2024.2
Shortcuts: Visual Studio 2022 (Windows)
Get JetBrains Rider
Get your hands on the new features ahead of the release by joining the Early Access Program for Rider 2025.1! Learn more
Upcoming webinar
Uno Platform & Hot Design for Rider
March 11, 2025 at 04:00 PM
  1. Languages and frameworks
  2. JSON

Languages and frameworks: JSON

Last modified: 08 October 2024

Required plugin:

Javascript and TypeScript  -  The plugin is bundled with JetBrains Rider and enabled by default.

The JSON format is commonly used for storing data and for configuration files. JetBrains Rider helps you work with JSON files — it checks their syntax and formatting. In popular types of configuration files, JetBrains Rider provides code completion, thanks to the JSON Schema, which is a special format for describing the structure and contents of such files. You can also use custom JSON Schemas to enable code completion in your JSON files and validate them.

Enabling JSON5

JetBrains Rider recognizes a number of most popular JSON standards including JSON5. JetBrains Rider by default treats files with the json5 extension as JSON5 files and supports this new syntax in them.

Configuration file that uses JSON5 with the default extension .json5

Extend the JSON5 syntax to all JSON files

  1. In the Settings/Preferences dialog (CtrlAlt0S) , go to Editor | File Types.

  2. In the Recognized File Types list, select JSON5.

  3. In the File Name Patterns area, click Add and type *.json in the Add Wildcard dialog that opens.

Using schemas from JSON Schema Store

JetBrains Rider can automatically download and use schemas from the JSON Schema Store that hosts schema files for many popular configuration files. As soon as you open a file whose name is associated with one of the available schemas (for example, tslint.json), JetBrains Rider downloads and uses this schema for it. The name of the applied schema is shown on the Status bar.

JSON schema downloaded from JSON Schema Store, the name of the applied schema is shown in the Status bar

If your configuration file has a custom name, or you are working with a scratch file, click No JSON schema on the Status bar and select the required schema from the list or click New Schema Mapping to open the JSON Schema Mappings page and configure a new custom schema.

No JSON schema for the current file

tip

Schemas from the JSON Schema Store can be applied to YAML files as well.

By default, automatic download of Schemas from the JSON Schema Store is enabled. If it was turned off, you can enable it again at any time.

Enable automatic download schemas from the JSON Schema Store

  1. In the Settings/Preferences dialog (CtrlAlt0S) , go to Languages & Frameworks | Schemas and DTDs | Remote JSON Schemas.

  2. Select the Allow downloading JSON schemas from remote sources and the Use schemastore.org JSON Schema catalog checkboxes.

JetBrains Rider comes bundled with a number of popular schemas. Although these schemas are automatically updated on a regular basis they still may happen to be outdated.

Use the up-to-date versions of bundled schemas

  1. In the Settings/Preferences dialog (CtrlAlt0S) , go to Languages & Frameworks | Schemas and DTDs | Remote JSON Schemas.

  2. Select the Always download the most recent version of schemas checkbox.

Using custom JSON schemas

Besides schemas from JSON Schema Store, JetBrains Rider lets you configure and use custom schemas from other storages. You can download the required schema and store it under the project root or specify the URL of the resource so JetBrains Rider can download the schema automatically.

tip

Custom schemas must meet the JSON schema standards. Currently, JetBrains Rider supports schemas draft-07 and earlier.

Configure a custom JSON schema

  1. In the Settings/Preferences dialog (CtrlAlt0S) , go to Languages & Frameworks | Schemas and DTDs | JSON Schema Mappings.

  2. In the central pane, that shows all your previously configured custom Schemas, click Add on the toolbar.

  3. Specify the name of the Schema and the Schema Specification version with which your Schema complies. In the Schema file or URL field, specify the location of a previously downloaded Schema file or type the URL at which the required schema is available.

    tip

    If you specify a URL, make sure the Allow downloading JSON schemas from remote sources checkbox on the Remote JSON Schemas page is selected.

  4. Create a list of files or folders that you want to be validated against this Schema. Based on the list, JetBrains Rider internally detects the files to be validated.

    The list may contain the names of specific files, the names of entire directories, and filename patterns. Use the following rules to specify filename patterns:

    • role-* matches all files with the names that start with role-.

    • role-*/**/*.yaml matches all .yaml files with names that contain role, /, and /.

    • role-**.yaml matches all .yaml files with names that start with role-.

    To add an item to the list, click Add mapping and specify the path to a file or folder or type a file pattern.

    tip

    JetBrains Rider searches for files and folders with the specified names only within the current project, so you do not need to specify full paths to files and folders.

Enable automatic download of JSON schemas from remote sources

  1. In the Settings/Preferences dialog (CtrlAlt0S) , go to Languages & Frameworks | Schemas and DTDs | Remote JSON Schemas.

  2. Select the Allow downloading JSON schemas from remote sources.

    When the checkbox is cleared, any network activity around JSON Schemas, including schemas from the JSON Schema Store, is disabled.

Handling conflicts among scopes of schemas

A conflict arises when a file, or a folder, or a pattern belongs to the scopes of two or more schemas. JetBrains Rider analyzes scopes in two modes:

  • Static Analysis detects conflicts in scopes of custom schemas. If a conflict is detected, JetBrains Rider displays a warning in the Schema Details pane. To view the overlapping scopes, click the Show details link. JetBrains Rider shows a popup with a message where the conflicting scopes and schemas are listed:

    Notification about conflicting schema scopes in Settings dialog

  • Dynamic Analysis detects conflicts in scopes of both system and custom schemas. This type of analysis is started when you open a file that belongs to a certain scope. If a conflict is detected, JetBrains Rider displays a warning at the top of the editor tab:

    Notification about conflicting schema scopes in the editor

    Click the link to open the JSON Schema Mappings page and edit the scope of the conflicting custom schema. Note that you cannot edit the scope of system schemas.

Using HTML descriptions in JSON schema

By default, JetBrains Rider escapes HTML characters when displaying documentation for JSON schema definitions in documentation popups. To get nice looking documentation with rich HTML markup, store the HTML description in the x-intellij-html-description extension property instead of description.

{
  "id":  "http://some.site.somewhere/entry-schema#",
  "$schema":  "http://json-schema-org/draft-06/schema#",
  "type":  "object",
  "required":  [ "options" ],
  "properties":  {
    "options":  {
      "type":  "array",
      "description": "Interesting details: Fresh New Awesome",
      "minItems":  1,
      "items":  { "type":  "string" },
      "uniqueItems":  true,
    },
    "readonly":  { "type":  "boolean" }
  }
}
No formatting in documentation for JSON schema definitions with description property

Configuring syntax highlighting

You can configure JSON-aware syntax highlighting according to your preferences and habits.