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

Question

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

1. ЛИНТЕР
2. ЛИНТЕР-eslint

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

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

Answer 1

Чтобы получить Eslint приятно работать с React.js:

1. Установите ЛИНТЕР & ЛИНТЕР eslint плагинов
2. Run npm install eslint-plugin-react
3. Добавить "plugins": ["react"] в файл конфигурации .eslintrc
4. Добавить "ecmaFeatures": {"jsx": true} в свой .eslintrc файл конфигурации

Ниже приведен пример файла конфигурации в .eslintrc:

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

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

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

    "plugins": [ 
     "react" 
    ] 
} 

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

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

Answer 2

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

Answer 3

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

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

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

Answer 4

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

Для быстрой установки ESLint для React лучших практиков, текущий лучший вариант установки пакета НОГО eslint-plugin-react и расширяя их конфигурацию recommended вместо переключая много правил вручную:

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

Это позволит eslint-plugin-react и рекомендуемым правилам из ESLint & Реагировать на пресеты. В новейшей ESLint user-guide есть более ценная информация.

Ниже приведен пример опций анализатора, оптимизированных для ES6 и WebPack:

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

Answer 5

1. Для пользователей Mac: Перейти к Atom -> Настройки -> Установить -> Поиск пакета ЛИНТЕР-eslint -> жмем установить

2. для пользователей Ubuntu: выберите Правка -> Настройки -> установить -> поиск пакетов ЛИНТЕР eslint -> жмем установить

3. идут т o командной строки ---> npm install --save-dev eslint-config-rallycoding

4. Приходите к атому, создайте новый файл .eslintrc и расширьте ралли-кодировку.