在IntelliJ中，使Gatsby的GraphQL模式识别，并使查询自动补全生效

2 年 ago

科, 颖

1 minute

本帖将介绍如何在IntelliJ IDE中让Gatsby的GraphQL模式被识别，并实现JS代码上的GraphQL查询自动补全功能。

方式

在电脑上安装IDW的JS GraphQL。

首先，您需要在IDE中安装JS GraphQL插件。

打开「偏好设置」→「插件」→「市场」，搜索「GraphQL」，然后安装JS GraphQL。

我会重新启动IDE。

启动Gatsby开发服务器

在终端上启动 Gatsby 开发服务器，并等待 GraphQL 的端点 http://localhost:8000/___graphql 出现。

gatsby develop

创建GraphQL配置文件

在项目根目录上右键点击，然后选择「新建」→ 「GraphQL 配置文件」。

创建一个名为.graphqlconfig的文件，将其内容设置为以下内容：

{
  "name": "Gatsby Schema",
  "schemaPath": "gatsby.graphql",
  "extensions": {
    "endpoints": {
      "Gatsby GraphQL Endpoint": {
        "url": "http://localhost:8000/___graphql",
        "headers": {
          "user-agent": "JS GraphQL"
        },
        "introspect": false
      }
    }
  }
}