GraphQL Apollo 客户端 (PhpStorm) 中的格式/Prettyprint gql `template strings`

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，那么这两个工具都具有“美化”功能来重新格式化查询。或者你可以使用一些在线工具，比如 Sangria 的 this one。