Syntax highlighting, diagnostics, autocomplete, and go to definition for .graphql files.
- Syntax highlighting
- Autocomplete
- Go to definition
- Error diagnostics
Autocomplete, go to definition, and diagnostics are language server features supported by the graphql-language-service.
- Install stpn.vscode-graphql from the marketplace
- Install watchman, if using language service features (see below).
Watchman is currently a dependency of graphql-language-service. See issue #8.
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.
The language service is run, and debugged, as a standalone Node.js process. See Node.js debugging guide for general information.
The simplest way to debug is to open chrome://inspect in Chrome and browse for the process. Alternatively in the test target VSCode (i.e. where the extension is running) toggle View → Output and follow the printed instructions.