Format/Prettyprint GraphQL Apollo 客户端 (PhpStorm) 中的 gql `模板字符串`

Question

当我有

query: gql`query FetchUsers { users {  id   email }}`

使它看起来像这样的快速方法是什么：

 query: gql`query FetchUsers {
                users {
                    id
                    email
                }
            }`

或者我是否需要以其他方式插入 GraphQL 表达式以获得可读格式？

Answer 1

您可以为您的项目安装和配置 prettier。然后安装 the Prettier plugin for Webstorm，这将为 Webstorm 添加一个 Reformat with Prettier 操作和键盘快捷键。您还可以将其配置为与文件观察器一起使用，以便在您保存文件时自动重新格式化它。

除此之外，如果您的 GraphQL 服务器是 运行 GraphiQL 或 GraphQL Playground，这两种工具都具有 "prettify" 功能来重新格式化查询。或者您可以使用一些在线工具，例如 Sangria 的 this one。