# GraphQL Schema Auto-Completion with PhpStorm

DevFeed: [GraphQL Schema Auto-Completion with PhpStorm](<https://devfeed.tech/articles/graphql-schema-auto-completion-with-phpstorm-31267.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/graphql-schema-auto-completion-with-phpstorm>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-09-18T20:26:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [phpstorm](<https://devfeed.tech/topics/phpstorm.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Sublime Text](<https://devfeed.tech/topics/sublime-text.md>)

Tags: [auto-completion](<https://devfeed.tech/tags/auto-completion.md>), [combined](<https://devfeed.tech/tags/combined.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [highlighting](<https://devfeed.tech/tags/highlighting.md>), [insights](<https://devfeed.tech/tags/insights.md>), [little](<https://devfeed.tech/tags/little.md>), [magic](<https://devfeed.tech/tags/magic.md>), [phpstorm](<https://devfeed.tech/tags/phpstorm.md>), [plugin](<https://devfeed.tech/tags/plugin.md>), [schema](<https://devfeed.tech/tags/schema.md>), [schemas](<https://devfeed.tech/tags/schemas.md>), [syntax](<https://devfeed.tech/tags/syntax.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>)

## AI overview

A tutorial on configuring the JS GraphQL plugin in PhpStorm to provide GraphQL schema auto-completion and syntax highlighting. It explains how to install the plugin, configure a .graphqlconfig file, and generate a schema dump by introspecting a GraphQL endpoint.

## Source excerpt

The JS GraphQL plugin combined with a little magic will give you full auto-completion and syntax highlighting of GraphQL schemas in PhpStorm