Как сделать код формата WebStorm в соответствии с eslint?

Question

Я определил конфигурацию eslint для моего проекта WebStorm. Но, похоже, это не относится к функции форматирования кода. Например, он продолжает форматировать import { something } from 'somewhere' как import {something} from 'somewhere'.

Есть ли способ заставить WebStorm форматировать код в соответствии с конфигурацией eslint?

Answer 1

Я только установленный WebStorm 2017, и я не знаю, работает ли это для WS 2016. Вместо того, чтобы нажимать Option + Command + L, чтобы переформатировать ваш код, вы можете нажать Option + Enter, когда ваш курсор близок к ошибке ESLint. Откроется контекстное меню, а затем выберите «ESLint: Фикс текущий файл»

Answer 2

Обновление: ответ устарел. Лучшее решение описано в https://stackoverflow.com/a/46099408/1057218

К сожалению, вы не можете импортировать конфигурацию стиля кода eslint (WEB-19350), но вы можете настроить стиль кода вручную.

См параметры: "Файл | Настройки | Редактор | Код Стиль | JavaScript"
Для импорта скобок: "Пространства" -> "Импорт/экспорт брекеты ES6"

Answer 3

временное решение на текущий, что я использую, чтобы экспортировать свою ESLint конфигурации в ОНК. Он отлично работает с WebStorm и PHPStorm!

Я использовал этот пакет под названием Polyjuice и here is the output из моей конфигурации eslint.

Answer 4

(Описанные шаги и скриншоты из IntelliJ IDEA 2017.2)

Вы можете добавить сочетание клавиш для действия "Fix ESLint проблемы. Убедитесь, что плагин «Поддержка JavaScript» установлен и включен.

Первый доставлен Предпочтения | Язык & Рамки | JavaScript, | Код Качественные инструменты | ESLint и включите его. Вам нужно будет определить ваш «интерпретатор узла», «пакет ESlint» и необязательный «файл конфигурации».

Далее перейдите к Preferences | Keymap и поиск там для 'eslint'. Теперь вы можете добавить, например, ярлык «control + shift + L».