有没有办法让 gql 标签使用 Typescript/GraphQL 自动完成？

Question

gql使用“...”标签编写 GraphQL 查询时，有没有办法获得自动完成功能Typescript？

例如，类似于在 Graphiql 中编写查询时的情况。

Answer 1

这在很大程度上取决于您的开发环境和 IDE，我尝试建议两种解决方案，一种适用于任何 IDE，另一种仅适用于 VScode。

解决方案一：Graphql Zeus

我建议使用Graphql Zeus，这是一个为每个查询自动生成 TS/JS (.d.ts) 类型的工具。这样，您不需要以字符串格式编写查询并将其传递给gql标记，而是可以轻松编写 JS 对象来表达查询，并获得任何 IDE 的完整自动完成支持。

解决方案二：使用apollographql.vscode-apollo（VScode 扩展）

如果您使用 VScode 作为编辑器，通过安装此扩展并创建apollo.config.js文件，您可以指定 graphql 架构并从 VS Code 编辑器获取帮助以自动完成查询。