vscode-graphql

Syntax highlighting, diagnostics, autocomplete, and go to definition for .graphql files.

Features

• Syntax highlighting
• Autocomplete
• Go to definition
• Error diagnostics

Autocomplete, go to definition, and diagnostics are language server features supported by the graphql-language-service.

Configuration

To turn on language server features, you can enable the graphql.useLanguageServer flag in your settings.

Using the language server will require a schema to be specified via a .graphqlconfig file.

Example:

{
  "schemaPath": "./schema.json"
}

See here for other ways to provide a GraphQL schema.