Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>GraphQL ExtractorNew to Visual Studio Code? Get it now.
GraphQL Extractor

GraphQL Extractor

libanna

|
516 installs
| (0) | Free
extract GraphQL queries from files and generate client-side queries and TypeScript types code for them.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

GraphQL Extractor

VS Code extension to extract GraphQL queries from files and generate client-side queries and TypeScript types code for them..

Features

  • Generate client queries from gql scheam
  • Generate typescript types from gql scheam
  • Generate apis function from gql scheam
  • User can create gql-extract.config.json file to using some futures

Usage

Open your workspace folder and follow the steps:

  • First step: Type CTRL+Shift+P.
  • Second step: Type gql extract and press Enter.
  • Third step: Wait while your queries files and types files to be generated.

The extension wil create two folders:

  1. queries folder: for all client queries files.
  2. types folder: for types files.

config file

You can create gql-extract.config.json file in the root of your project to:

  • choose where the types must be saved.
  • choose where the queries must be saved.
  • choose where the apis function must be saved.
  • set the apis option "apollo" to create apis functions.
  • set apollo fetchPolicy "fetchPolicy", the default value is "no-cache".

I'll add other apis option soon, inshallah.

Example for config file:

{
  "queriesFolderName": "FOLDER_NAME",
  "typesFolderName": "FOLDER_NAME",
  "apisFolderName": "FOLDER_NAME if you set the apis option",
  "apis": "apollo",
  "fetchPolicy": "no-cache"
}

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft