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

方案一：Graphql宙斯

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

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

如果您使用VSCode作为编辑器，通过安装this extension并创建apollo.config.js文件，您可以指定graphql schema并从vs code editor获得帮助以自动完成您的查询。

我自己去寻找一个解决方案，我遇到了typescript语言服务插件。
显然，typescript有一个插件系统，允许“增强typescript和编辑器之间的现有消息”。因此，虽然它们不作为typescript语言的扩展，但它们允许在模板字符串中进行自定义的自动完成和linting等操作。
在ts文档中的示例插件中，我发现了ts-graphql-plugin，它在GraphQL查询模板字符串中提供查询验证，自动完成和工具提示信息。
我想这至少和当前答案建议的apollo vscode扩展做了同样的事情，但是它不应该要求你使用vscode。