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

Posted 2023-03-08

【中文标题】GraphQL Apollo 客户端 (PhpStorm) 中的格式/Prettyprint gql `template strings`

【英文标题】：Format/Prettyprint gql `template strings` in GraphQL Apollo-client (PhpStorm)

【发布时间】：2019-03-12 06:34:44

【问题描述】：

当我有

query: gql`query FetchUsers  users   id   email `

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

 query: gql`query FetchUsers 
                users 
                    id
                    email
                
            `

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

【参考方案1】：

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

除此之外，如果您的 GraphQL 服务器正在运行 GraphiQL 或 GraphQL Playground，那么这两个工具都具有“美化”功能来重新格式化查询。或者你可以使用一些在线工具，比如 Sangria 的 this one。

【讨论】：

谢谢，我已经尝试安装 prettier，但是 Reformat with prettier 操作总是被标记为禁用。你知道为什么吗？

你可能需要告诉它 Prettier 在 Preferences 中的安装位置。 Preferences > Languages & Frameworks > Prettier。你也可以试试File > Invalidate Caches/Restart。

就是这样！现在我输入了全局安装的 Prettier 的路径，它可以工作了。谢谢。

对 VSCode 有什么建议吗？