有没有办法让 gql 标签自动完成 Typescript/GraphQL?

Is there a way to get gql tag to autocomplete with Typescript/GraphQL?

在使用 gql `...` 标签编写 GraphQL 查询时,使用 Typescript 时,是否有办法实现自动完成?

例如,类似于在 Graphiql 中编写查询时的内容。

这在很大程度上取决于您的开发环境和 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 代码编辑器获得自动完成的帮助你的问题。