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并对其进行配置。然后安装the Prettier plugin for Webstorm，这将为Webstorm添加一个Reformat with Prettier操作和键盘快捷键。您还可以将其配置为与文件查看器一起使用，以在保存文件时自动重新格式化文件。

除非您的GraphQL服务器正在运行GraphiQL或GraphQL Playground，否则这两个工具都具有“整理”功能来重新格式化查询。或者您可以使用一些在线工具，例如桑格利亚地区的this one。