有没有办法让 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 代码编辑器获得自动完成的帮助你的问题。
在使用 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 代码编辑器获得自动完成的帮助你的问题。