Posted at

eslint-config-airbnbの導入

More than 3 years have passed since last update.


動機

jslintからeslintに乗り換える。

Airbnb JavaScript Style Guideを使いたい。

https://github.com/airbnb/javascript

強制的に綺麗な規則正しいコードを書けるようにしたい。

導入しようと思って、最初試したら読み込みエラーとかになってしまっていたので、正しく設定できる方法を書いておく。


設定

https://www.npmjs.com/package/eslint-config-airbnb

ルートディレクトリでインストール

npm init -y

npm install --save-dev eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y eslint

同じディレクトリに .eslintrcを配置する。

// Use this file as a starting point for your project's .eslintrc.

// Copy this file, and add rule overrides as needed.
{
"extends": "airbnb"
}

こんな構成

├── .eslintrc

├── node_modules
│   ├── eslint
│   ├── eslint-config-airbnb
│   ├── eslint-plugin-import
│   ├── eslint-plugin-jsx-a11y
│   └── eslint-plugin-react

変えたかったら上書きする

このへん参考。

https://www.ibuildings.nl/blog/2015/11/using-javascript-style-guide


コードを綺麗にしよう

Errorでまくりでめげてる。