Удивительно, но на этом нет хорошего руководства. Я не могу сделать работу с линзой. Я установил .eslintrc, который расширяет airbnb в каталоге, где я сохраняю все свои проекты. Я не знаю, правильная ли она. Я также сделал this. Ничто не помещается в Atom (у файла есть ошибки linting), поэтому, я думаю, есть некоторые недостающие шаги.Как правильно настроить javascript Airbnb в Atom?
ответ
Найдено 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
в вашем проекте и начнет пускать на лету исходный код, отображающий все ошибки и предупреждения.
Вы должны указать/подытожить соответствующий текст по ссылке в том случае, если ссылка становится недоступной –
@ Memor-X Done, спасибо за отзыв. –
Близкому электору: как это не по теме? Он * конкретно * указывает в справочном центре, что вопросы о инструментах, связанных с программированием, есть * по теме *. Цитируйте: «Вопросы об общем компьютерном оборудовании и программном обеспечении не относятся к теме для переполнения стека, если только они напрямую не связаны с инструментами, используемыми в основном для программирования *» (акцент мой). У этого могут быть и другие проблемы, но релевантность SO SO не одна из них. –
Вы вручную запустили linter с помощью палитры управления? –
Я этого не делал, но владелец Atom-Linter org настроил его на проект, который я поддерживаю. Он сделал это как расширение пакета 'linter-eslint'. Проверьте это для получения дополнительной информации: https://github.com/AtomLinter/linter-puppet-lint/blob/master/package.json –