Format/Prettyprint gql `шаблон строки` в Apollo-клиенте GraphQL (PhpStorm)

Question

Когда у меня есть

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

Какой быстрый способ заставить его выглядеть так:

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

Или мне нужно вставить выражения GraphQL другим способом, чтобы получить удобочитаемое форматирование?

Answer 1

Вы можете установить и настроить prettier к вашему проекту. Затем установите плагин Prettier для Webstorm, который добавит Reformat with Prettier действие и сочетание клавиш для Webstorm. Вы также можете настроить его для работы с наблюдателем файлов, чтобы автоматически переформатировать файл при его сохранении.

Кроме того, если на вашем сервере GraphQL запущена либо GraphiQL, либо GraphQL Playground, оба эти инструмента имеют функцию "prettify" для переформатирования запроса. Или вы можете использовать какой-нибудь онлайн-инструмент из Сангрии.