ESLint

参考:

ESLint – Pluggable JavaScript linter [Official]

eslint/eslint: A fully pluggable tool for identifying and reporting on patterns in JavaScript – GitHub

使い方

参考:

ESLint 最初の一歩 – Qiita

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

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

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

React で jQuery 使うと「ESLint: ‘$’ is not defined. (no-undef)」とエラー出たので直し方を調べてみた | Hirooooo’s Labo

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

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

機能

参考:

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

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

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

ドキュメント

参考:

Getting Started with ESLint – ESLint [Official]

設定

参考:

Configuring ESLint – ESLint [Official]

設定の書き方

参考:

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

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

各ファイル内での設定

参考:

ESLint で console.log の error 回避 – Qiita

CLI

参考:

Command Line Interface – ESLint [Official]

browser

参考:

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

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

jquery

参考:

ESLint に「”$” is not defined no-undef」と怒られた | メンチカツ

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

formatter

参考:

ESLint Formatters – Documentation – ESLint [Official]

formatter をカスタマイズする

参考:

Working with Custom Formatters – ESLint [Official]

eslint-formatter-pretty

参考:

sindresorhus/eslint-formatter-pretty: Pretty ESLint formatter – GitHub

eslint-formatter-friendly

参考:

royriojas/eslint-formatter-friendly: A simple formatter/reporter for ESLint that’s friendly with iterm2 “click to open file” functionality (works with Sublime Text and vscode editors) – GitHub

eslint-improved-checkstyle-formatter

参考:

normful/eslint-improved-checkstyle-formatter: Improved ESLint Checkstyle formatter – GitHub

eslint-improved-checkstyle-formatter – npm

eslint-detailed-reporter

参考:

mportuga/eslint-detailed-reporter: Detailed HTML reporter for ESLINT – GitHub

eslint-detailed-reporter – npm

eslint-html-reporter

参考:

ratherblue/eslint-html-reporter: HTML Reporter for ESLint – GitHub

eslint-html-reporter – npm

eslint-junit

参考:

jcgertig/eslint-junit: A eslint reporter that creates compatible junit xml files – GitHub

eslint-junit – npm

Formatter: JUnit-XML · Issue #16 · eslint/eslint – GitHub

Webpack に導入する

参考:

eslint で構文チェック (Webpack) – 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

Prettier と一緒に使う

参考:

eslint + prettier の使い方 | Node Castle

prettier 時代の ESLint の設定 – Qiita

Prettier を Eslint と連携してコード自動整形かつ Visual Studio Code でオートフォーマットする | nabeliwonote

Prettier 入門 ESLint との違いを理解して併用する – Qiita

prettier/prettier: Prettier is an opinionated code formatter – GitHub

Gulp で使う

参考:

gulp gulp-eslint の設定 – Qiita

Grunt で使う

参考:

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

CircleCI で使う

参考:

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

babel-eslint

参考:

babel/babel-eslint: A wrapper for Babel’s parser used for ESLint – GitHub

babel な ESLint の設定をがんばった | ハブろぐ

babel-eslint を使って非標準仕様でも lint できるようにする | valid,invalid

サイでもわかる?! ESLint 導入 – |> Weeeeeeb

ESLint で React.js / ES6+ のコードをチェックする手順 | 酒と涙とRubyとRailsと

Use babel-eslint for code using not standardized specifications | DEV Community

eslint-config-webpack

参考:

webpack-contrib/eslint-config-webpack: Webpack standard eslint configuration – GitHub

eslint-config-jquery

参考:

jquery/eslint-config-jquery: jQuery’s eslint config, enforcing the jQuery styleguide – GitHub

eslint-plugin-jquery

参考:

dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents – GitHub

eslint-plugin-jquery – npm

テキストエディタで ESLint を使う設定

参考:

Even faster code formatting using ESLint – Tomasz Netczuk – Medium

Vim で使う

参考:

neovim らしい eslint – Qiita

Tagged:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です