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 這類在線工具。