GraphQL Tooling

VSCode Extension

When running yarn dev, the compiler will monitor with GraphQL schema, and automatically update a local schema.json file and .graphqlrc.json. These files can be picked up by the VSCode extensions, GraphQL Language Feature Support  and GraphQL Syntax Highlighting . These extensions should provide auto-complete and linting for .graphql files directly within VSCode, to the point where you no longer need to use the GraphiQL IDE.

The GraphQL Inline Operation Execution  is also compatible, and allows you to run query files directly in VSCode, but it doesn’t provide a great experience.

GraphiQL IDE

The GraphiQL IDE built into WPGraphQL provides a window into the schema, and the ability to execute queries.

The IDE also allows you to construct and execute queries, by selecting fields on the left. You can copy/paste between the IDE and your .graphql files.