Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>GraphQL: Inline Operation ExecutionNew to Visual Studio Code? Get it now.

GraphQL: Inline Operation Execution

GraphQL Foundation

|
152,053 installs
| (0) | Free
Execute graphql operations from your code (revived!)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

graphql.vscode-graphql-execution

This extension provides standalone support for executing graphql operations inline in your code for:

  • .ts/.tsx
  • .js/.jsx
  • .graphql, .gql or .graphqls files

How it works

  1. A codelens will appear above all operations - clicking will begin executing the operation.
  2. (If variables are specified in the operation), a dialog will prompt for these variables
  3. Then, the results or network error should appear, voila!
  4. If no endpoints are configured, it will exit early and tell you to define them.

Configuring the extension

graphql-config

Your graphql config file will need to contain either a schema-as-url OR an endpoints configuration. Either of the following are valid:

schema: https://localhost:3000/graphql
schema: schema.graphql
extensions:
  endpoints:
    default:
      url: 'https://localhost:3000/graphql'
projects:
  app:
    schema: schema.graphql
    extensions:
      endpoints:
        default:
          url: 'https://localhost:3000/graphql'

Disable codelens

To disable the codelens, please specify this setting in settings.json or user.json:

{
  ...
 "vscode-graphql-execution.showExecCodelens": false
}

Self Signed Certificates

Enable this (false by default) to allow node to use non-authorized SSL certificates.

{
  "vscode-graphql-execution.rejectUnauthorized": true
}
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft