【发布时间】：2020-11-25 12:13:06
【问题描述】：
在使用 Typescript 时，使用 gql `...` 标签编写 GraphQL 查询时，有没有办法自动完成？
类似于在 Graphiql 中编写查询时的内容。
【问题讨论】：
标签： typescript autocomplete graphql gql
【发布时间】：2020-11-25 12:13:06
【问题描述】：
这在很大程度上取决于您的开发环境和 IDE，我尝试提出两种解决方案，一种适用于任何 IDE，另一种仅适用于 VScode。
解决方案一：Graphql Zeus
我建议使用Graphql Zeus，这是一个为您的每个查询自动生成 TS/JS (.d.ts) 类型的工具。通过这种方式，您无需编写字符串格式的查询并将其传递给gql 标签，而是可以轻松编写 JS 对象来表达查询并从任何 IDE 获得完全的自动完成支持。
解决方案二：使用apollographql.vscode-apollo（VScode 扩展）
如果您使用 VScode 作为编辑器，通过安装 this extension 并创建一个 apollo.config.js 文件，您可以指定 graphql 架构并从 VS 代码编辑器获取帮助以自动完成您的查询。
【讨论】：