VSCode extension for GraphQL schema authoring & consumption.
What's in the Box?
Go to Definition: Just F12 or Ctrl+Click on any graphql type, and you'll jump right to it's definition.
Autocomplete: Uses the @playlyfe/gql library to read your whole graphql schema definitions and provide you with autocomplete support while writing & editing your .gql files.
Schema Validation: The plugin also validates your schema, so that you catch errors early.
Linting: This plugin uses a similar method as used by the Codemirror graphql project for linting.
Great Syntax Highlighting: Now, your graphql queries, mutations and gql files will look as beautiful as the rest of your code with an awesome syntax highlighter. It works not just with your .gql/.graphql schema files, but also within your code - supports syntax highlighting within:
Markdown fenced code-blocks
(Submit a PR to support your language!)
Snippets: Some commonly used snippets are provided which help while writing mutations and queries, such as defining types, interfaces and input types.
Setting it Up
Ensure that you have the @playlyfe/gql library (v2.x) installed and available to this plugin. If you've installed the library in a folder other than the workspace root, then add the path to the node_modules directory as a setting: