VSCodeでGraphQLのシンタックスハイライトが効くようにする

TLDR

以下のVSCode extensionを使いましょう
https://marketplace.visualstudio.com/items?itemName=apollographql.vscode-apollo

調べたこと

公式のドキュメントに情報がありました。「syntax highlight site:www.apollographql.com」でgoogleのサイト内検索の機能を使いました。(有名かもしれないです、このサイト内検索の方法は覚えておいて損はないです)
https://www.apollographql.com/docs/devtools/editor-plugins/#syntax-highlighting

できるようになること

を

のように表示できるようになります。
シンタックスハイライトが欲しくて導入しましたが、他にもGraphQLでの開発に便利な機能があるので、graphqlを使った開発をする方は導入しておくと良さそうです。