IDE Setup

We recommend the following extensions for your editor to take full advantage of GraphQL:

IntelliJ - GraphQL
Vim - vim-graphql
VSCode - GraphQL: Language Feature Support

To take full advantage of these extensions, add a .graphqlrc.yaml at the root of your project:

projects:
  default:
    schema:
      - ./schema.graphql
      - ./$houdini/graphql/schema.graphql
    documents:
      - '**/*.gql'
      - '**/*.svelte'
      - ./$houdini/graphql/documents.gql

The two $houdini/graphql entries are important: Houdini generates its own schema definitions (for directives like @list, @paginate, and @cache) and document definitions into that directory. Without them, your editor will flag Houdini’s built-in directives as unknown. If your IDE is still complaining after adding this file, check that definitionsPath in your config points to the same directory.

If you want to add another suggestion, please open a PR or contact us.