2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

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

Last updated at Posted at 2022-10-02

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

できるようになること

image.png

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

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?