2017-01-13 8 views
1

Удивительно, но на этом нет хорошего руководства. Я не могу сделать работу с линзой. Я установил .eslintrc, который расширяет airbnb в каталоге, где я сохраняю все свои проекты. Я не знаю, правильная ли она. Я также сделал this. Ничто не помещается в Atom (у файла есть ошибки linting), поэтому, я думаю, есть некоторые недостающие шаги.Как правильно настроить javascript Airbnb в Atom?

+3

Близкому электору: как это не по теме? Он * конкретно * указывает в справочном центре, что вопросы о инструментах, связанных с программированием, есть * по теме *. Цитируйте: «Вопросы об общем компьютерном оборудовании и программном обеспечении не относятся к теме для переполнения стека, если только они напрямую не связаны с инструментами, используемыми в основном для программирования *» (акцент мой). У этого могут быть и другие проблемы, но релевантность SO SO не одна из них. –

+0

Вы вручную запустили linter с помощью палитры управления? –

+0

Я этого не делал, но владелец Atom-Linter org настроил его на проект, который я поддерживаю. Он сделал это как расширение пакета 'linter-eslint'. Проверьте это для получения дополнительной информации: https://github.com/AtomLinter/linter-puppet-lint/blob/master/package.json –

ответ

1

Найдено this руководство. Теперь он отлично работает.

Соответствующая информация по ссылке:

Настройка ESLint в проекте

Первое, что нам нужно сделать, это настроить ESLint в нашем проекте. Помните, что мы собираемся использовать руководство по стилю AirBnB, поэтому нам не нужно устанавливать требуемый пакет и сделать нашу конфигурацию ESLint расширенной из конфигурации AirBnB ESLint.

Установите ESLint локально в свой проект: > npm install eslint --save-dev. Установите конфигурацию AirBnB ESLint. Следуя инструкции пакета мы должны выполнить следующие предложения, чтобы установить правильные версии и зависимости пакетов:

> export PKG=eslint-config-airbnb; 
> npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG" 

Создать .eslintrc файл в корневом каталоге нашего проекта. Мы должны обязательно включить свойство "extends": "airbnb" в качестве части конфигурации. Далее приведен пример файла конфигурации. Обратите внимание, что мы унаследовали конфигурацию от AirBnB. Кроме того, мы добавили правила eslint valid-jsdoc и require-jsdoc, чтобы заставить нас написать некоторый JSDoc для функций, методов и классов.

{ 
    "extends": "airbnb", 
    "parser": "babel-eslint", 
    "env": { 
    "browser": true, 
    "node": true, 
    "es6": true, 
    "mocha": true 
    }, 
    "rules": { 
    "valid-jsdoc": ["error", { 
     "requireReturn": true, 
     "requireReturnType": true, 
     "requireParamDescription": true, 
     "requireReturnDescription": true 
    }], 
    "require-jsdoc": ["error", { 
     "require": { 
      "FunctionDeclaration": true, 
      "MethodDefinition": true, 
      "ClassDeclaration": true 
     } 
    }] 
    } 
} 

Сейчас наш проект настроен ESLint и базовый набор правил из AirBnB, но это требует мы выполняем ESLint вручную или автоматезированного каким-то образом (в процессе сборки).

Установка Atom плагинов

Давайте конфигурировать Atom, чтобы автоматически пуха файлы и показывать нам сообщения при кодировании.

Убедитесь, что вы успешно завершили предыдущие разделы.

Установите плагин Atom linter-eslint. Вы закончили :) Плагин автоматически обнаружит файл .eslintrc в вашем проекте и начнет пускать на лету исходный код, отображающий все ошибки и предупреждения.

+0

Вы должны указать/подытожить соответствующий текст по ссылке в том случае, если ссылка становится недоступной –

+0

@ Memor-X Done, спасибо за отзыв. –