GraphQuill team | docs | friends

What is GraphQuill?

GraphQuill is a VS Code extension that performs GraphQL API endpoint testing within the VS Code environment. GraphQuill intends to remove the need for switching between VS Code and GraphiQL, Postman, or another API development tool.


Core Features

  1. Starts your GraphQL server (if it is not already running).
  2. Parses GraphQL queries/mutations that are typed into the current open document in VS Code.
  3. Sends the queries/mutations to your GraphQL API.
  4. Renders the responses to the GraphQuill output channel on VS Code.

Additional Features

  • Output the current schema of your GraphQL API in the GraphQuill output channel.

Getting Started


Graphquill can be installed from the VS Code Extensions marketplace.

Getting up the config file

Open the command palette in VS Code (Cmd/Ctrl + Shift + P) and select "GraphQuill: Create GraphQuill Config File". A default config file will be generated. Update the entry point and port number to finish your GraphQuill setup.

Write your first GraphQuill query

Search for GraphQuill from the command palette in VS Code (Cmd/Ctrl + Shift + P) and run the Activate command. If the graphQuill function is not defined, GraphQuill will inject a function definition on the top line of your file.

Anywhere in your open file, put a GraphQL query inside a graphQuill function invocation.

On every save, GraphQuill will send any requests inside of the graphQuill functions to your GraphQL API and show responses in the GraphQuill Output Channel. To send another request, create a new invokation of the graphQuill function and put the new request as the argument.

Contributing and Issues

We are always looking to improve. If there are any contributions or issues you have, please check out our documentation on contributions or issues.

Release Notes

Created by: Alex Chao, Austin Ruby and Edward Greenberg

0.11.0 | Initial release of GraphQuill, More to come!