Автор/Yunhuang Cup dump
написать впереди
Конфигурация этих двух методов в основном одинакова, все они снабжены адресом узла, адресом исполняемого файла Eslint, файлом конфигурации Eslint (т.е. eslintrc) и т.д., и очень удобно искать на Интернет, так что больше ничего не скажу.
Причина, по которой я хочу сравнить разницу между ними, заключается в том, что для студентов, которые не настраивали его раньше, после прочтения ответов на такие вопросы, как «Как настроить Eslint под веб-штормом», есть как метод 1, так и метод 2. Да , а затем элементы конфигурации этих двух методов аналогичны (все три или четыре элемента задаются на странице настроек webstorm, а затем ставится галочка включения), что легко спутать.
Кроме того, когда его использует сам автор, он также исследовал и сравнил различия, прежде чем выбрать подходящий ему метод. Я оставляю этот пост здесь для протокола.
Способ 1: Webstorm поставляется с Eslint
Настройка обоих методов очень проста, это просто сказать.
Если вы используете собственный Eslint от webstorm, вам нужно только открыть настройки, найти страницу настроек eslint, заполнить несколько элементов и установить флажок «Включить».
Метод 2: Используйте плагин Eslint
Этот метод разделен на два шага, первый шаг: вам нужно перейти в библиотеку плагинов, найти плагин eslint и нажать «Установить». Как показано ниже:
Шаг 2: После установки плагина перейдите на страницу настроек и найдите eslint.В это время вы обнаружите, что в дополнение к странице настроек eslint метода 1 есть еще одна страница настроек, которая находится в нижнем меню. диалогового окна настроек. Пункты настройки внутри аналогичны способу.
Сравнение различий
Отличие 1: Как использовать.
Встроенный способ его использования — выбрать папку или файл, который вы хотите, чтобы eslint автоматически восстанавливал, в левом списке каталогов проекта, щелкнуть правой кнопкой мыши, и появится меню устранения проблем eslint. Как показано ниже.
当然你也可以在右侧，代码编辑区域，选中某个要自动修复eslint监测出来有bug的文件，右键，点击fix eslint problems菜单。 Как показано ниже.
Это первое, Webstorm поставляется с использованием Eslint.
Поговорим о втором, используя сторонний плагин eslint.
После завершения второй настройки в меню кода webstorm появится дополнительное подменю под названием: Eslint Fix. Следующие две картинки, одна до настройки вторым способом, а другая после настройки вторым способом. Вы можете найти дополнительные подменю меню кода.
Разница в использовании этих двух схем конфигурации выглядит похожей, но на самом деле они разные.Второй метод выбирает подменю eslint Fix в меню кода, чтобы обнаружить все проекты, загруженные в данный момент всем вашим веб-штормом, которые не соответствуют вашим настройкам. Установленный в нем файл .eslintrc автоматически восстанавливается. И webstorm поставляется с вами, вы можете свободно выбирать, какой каталог вы хотите восстановить. Поэтому кастомизация того, какие файлы исправлять первым способом, нам более дружелюбна.
Конечно, самая большая проблема с автоматическим методом восстановления второй схемы конфигурации заключается в том, что как только вы нажметеПодменю eslint Fix в меню кода, все проекты под webstorm автоматически восстанавливаются, что принесет много проблем, потому что много раз вы просто хотите установить функцию eslint для проекта под webstorm.
Разница 2: обнаружен ли файл vue
Первый метод напрямую поддерживает обнаружение областей кода в vue-файле, не соответствующих правилам eslint, и помечается красной волнистой линией область кода.
На следующем рисунке показан первый способ.В пустой строке через несколько пробелов отображается красная волнистая линия, говорящая о том, что он не соответствует правилам.Затем щелкните файл правой кнопкой мыши и выберите подменю исправить проблемы eslint, чтобы удалить красная волнистая линия...
наконец
В настоящее время нет элемента конфигурации, который может работать только в одном проекте веб-шторма. Эти два метода будут применяться ко всем проектам, загруженным webstorm. Это немного неудобно в использовании, ведь не всем проектам нужен eslint.
Если есть фронтендеры, которые знают, поделитесь, пожалуйста.