GraphQL Apollo客户端（PhpStorm）中的Format / Prettyprint gql`template strings'

Question

当我有

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

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

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

还是我需要以其他方式插入GraphQL表达式才能获得可读的格式？

Answer 1

您可以安装和配置prettier的项目。 然后安装用于Webstorm的Prettier插件，它将为Webstorm添加Reformat with Prettier操作和键盘快捷键的重新格式化。 您还可以将其配置为与文件监视程序一起使用，以在保存文件时自动重新格式化文件。

除非您的GraphQL服务器正在运行GraphiQL或GraphQL Playground，否则这两个工具都具有“整理”功能来重新格式化查询。 或者，您可以使用Sangria 这类在线工具。