ESLint の使い方 [JavaScript]

ESLint

公式サイト：

ESLint – Pluggable JavaScript Linter [Official]

使い方

参考：

ESLint 最初の一歩 – Qiita

ESLint で JavaScript の構文チェックを始める | Tips Note by TAM

ESLint の導入と警告対応のメモ – Qiita

愚直に ESLint を導入した話 | Mercari Engineering Blog

ESLint を使って Node.js プロジェクトを自動コードレビューしよう | Sider Blog

Getting Started with ESLint | ESLint [Official]

機能

参考：

ESLint v2.0.0 の変更点まとめ – Qiita

ESLint v2.1.0 ~ v2.3.0 までの変更点 – Qiita

ESLint v5.0.0 変更点まとめ – Qiita

設定

参考：

Configuring ESLint | ESLint [Official]

設定の書き方

参考：

ESLint の推奨設定 (eslint:recommended) のチェック内容 | Tips Note by TAM

僕が JavaScript 開発をするときの ESLint の設定ファイルの基本形 | BattleProgrammerShibata

一時的に無効化する

• eslint-disable / eslint-enable
• eslint-disable-line
• eslint-disable-next-line

参考：

ESLint で console.log の error 回避 – Qiita

Disabling Rules with Inline Comments – Configuring ESLint | ESLint [Official]

.eslintignore

参考：

.eslintignore – Configuring ESLint | ESLint [Official]

CLI

参考：

Command Line Interface | ESLint [Official]

browser

参考：

“window” is not defined で怒られないようにする – Qiita

ESLint で not defined が出るときに確認すること | LCL Engineers’ Blog

spread operator

参考：

Unexpected token for spread operator. · Issue #2532 · eslint/eslint – GitHub

ESLint doesn’t support spread operator in objects · Issue #10307 · eslint/eslint – GitHub

Spread operator and EsLint – Stack Overflow

ルール

参考：

ESLint Rules 眺めるだけで JavaScript の知識が深まった – Qiita

ESLint のエラールール。日本語ざっくり解説 ES6 編 – Qiita

List of available rules | ESLint [Official]

Airbnb JavaScript Style Guide

参考：

Airbnb JavaScript Style Guide

airbnb/javascript: JavaScript Style Guide – GitHub

カスタマイズ

参考：

Working with Rules | ESLint [Official]

Show the total number of linted files · Issue #855 · eslint/eslint – GitHub

Show the total number of linted files · Issue #19 · sindresorhus/grunt-eslint – GitHub

Expose CLIEngine · Issue #1083 · eslint/eslint – GitHub

コメントによるルールの抑制

参考：

ESLint のコメントでのルール制御 – Qiita

Webpack に導入する

参考：

ESLint で構文チェック – Qiita

Webpack 2.2.1 で ESLint を使って構文チェックができるまでの手順 – Qiita

Webpack から ESLint を使う設定 | Web Application Security Memo

Webpack 経由で ESLint するときの注意点 – Qiita

Webpack で React / SCSS のコンパイルと ESLint を設定する方法 | ログおきば

Setup a ES6 JavaScript Project Using Webpack, Babel and ESLint | Bitwiser.in

Gulp で使う

参考：

gulp-eslint の設定 – Qiita

Grunt で使う

参考：

sindresorhus/grunt-eslint: Validate files with ESLint – GitHub

CircleCI で使う

参考：

CircleCI 2.0 で ESLint を動かす config.yml の紹介 (簡単な解説と実行例も) | TES Blog

エディタで ESLint を使う

参考：

Even Faster Code Formatting using ESLint | Tomasz Netczuk

Vim で使う

参考：

NeoVim らしい ESLint – Qiita

プラグインを作成する

参考：

Working with Plugins | ESLint [Official]

プラグイン／拡張

参考：

ESLint の Plugin と Extend の違い | blog.ojisan.io

ドキュメント

User Guide | ESLint [Official]

リポジトリ

eslint/eslint: A Fully Pluggable Tool for Identifying and Reporting on Patterns in JavaScript – GitHub