Как настроить ESLint для ответа на Atom Editor

В редакторе Atom я установил следующие плагины

linter
ЛИНТЕР-eslint

Кажется, они не распознают синтаксис JSX.

Я работаю над командной строкой, но мне нужно использовать другие плагины, такие как esprima-fb и eslint-plugin-react. Похоже, нет таких плагинов для Atom Editor и хотелось бы знать, знает ли кто-нибудь из вас способ взломать это.

Ответ 1

Чтобы заставить Eslint хорошо работать с React.js:

Установите плагины linter и linter-eslint
Выполнить npm install eslint-plugin-react
Добавить "plugins": ["react"] в конфигурационный файл .eslintrc
Добавить "ecmaFeatures": {"jsx": true} в конфигурационный файл .eslintrc

Вот пример конфигурационного файла .eslintrc:

{
    "env": {
        "browser": true,
        "node": true
    },

    "globals": {
        "React": true
    },

    "ecmaFeatures": {
        "jsx": true
    },

    "plugins": [
        "react"
    ]
}

Я использую Eslint v1.1.0 на данный момент.

Боковое примечание: Мне пришлось установить как eslint, так и eslint-plugin-реагировать как зависимости проекта (например, npm install eslint eslint-plugin-react --save-dev). Надеюсь, это поможет.

Ответ 2

Обновленный ответ на 2016 год: просто установите пакет react в Atom и добавьте файл .eslintrc в свой корень проекта (или в домашний каталог), содержащий следующее:

{
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "env": {
    "es6": true
  }
}

И заново откройте все файлы, содержащие JSX, и он должен работать.

Ответ 3

Вам нужно отредактировать локальный проект .eslintrc, который будет загружен ESLint. Если вы хотите интегрироваться с Atom, вы можете установить плагины linter и linter-eslint.

Чтобы быстро настроить лучшие практики ESLint для React, самым лучшим вариантом является установка пакета npm eslint-plugin-react и расширение их конфигурации recommended для переключения многих правил вручную:

{
  "extends": [ "eslint:recommended", "plugin:react/recommended" ],
  "plugins": [ "react" ]
}

Это позволит использовать eslint-plugin-react и рекомендуемые правила из предварительных настроек ESLint и React. Существует более ценная информация в самой последней версии ESLint user-guide.

Вот пример параметров парсера, оптимизированных для ES6 и webpack:

{
  "parserOptions": {
    "sourceType": "module",
    "ecmaVersion": 6,
    "ecmaFeatures": {
      "impliedStrict": true,
      "experimentalObjectRestSpread": true,
      "jsx": true
    }
  }
}

Ответ 4

Я использую Atom, и он работает отлично. Вам просто нужен .eslintrc в корне вашего проекта, который сообщает ESLint, что вы используете eslint-plugin-react.

Ответ 5

Для пользователя Mac: перейдите в Atom → настройки → Установить → пакет поиска linter-eslint → щелкните по установке
Для пользователя Ubuntu: выберите Edit → preferences → Install → search package linter-eslint → щелкните по установке
перейти в командную строку --- > npm install --save-dev eslint-config-rallycoding
Приходите к атому, создайте новый файл .eslintrc и расширьте ралли-код.