Настройка WebStorm

IDE JetBrains (WebStorm, IntelliJ IDEA, PyCharm и т.д.)

WebStorm поставляется с интегрированной поддержкой Prettier. Если вы используете другие IDE JetBrains, такие как IntelliJ IDEA, PhpStorm или PyCharm, убедитесь, что у вас установлен и активирован этот плагин в Настройки | Плагины.

Сначала необходимо установить и настроить Prettier. Инструкции по выполнению этих действий можно найти здесь.

После этого вы можете выполнить несколько действий в вашей IDE. Вы можете использовать действие Переформатировать с помощью Prettier (Opt+Shift+Cmd+P на macOS или Alt+Shift+Ctrl+P на Windows и Linux), чтобы отформатировать выбранный код, файл или весь каталог.

Вы также можете настроить WebStorm на автоматическое выполнение Prettier при сохранении (Cmd+S/Ctrl+S) или использовать его в качестве форматера по умолчанию (Opt+Cmd+L/Ctrl+Alt+L). Для этого откройте Настройки | Языки & Фреймворки | JavaScript | Prettier и отметьте соответствующие флажки: При сохранении и/или При действии «Переформатировать код».

По умолчанию WebStorm будет применять форматирование ко всем файлам .js, .ts, .jsx и .tsx, которые вы редактировали в своём проекте. Чтобы применить форматирование к другим типам файлов или ограничить форматирование файлами, расположенными только в определённых каталогах, вы можете настроить конфигурацию по умолчанию, используя шаблоны glob.

Для получения дополнительной информации см. онлайн-справочник WebStorm.