eslint
eslint
JavaScriptの構文チェッカ。
インストールと設定
eslintを使うプロジェクトの(package.jsonがある)ディレクトリで以下のコマンドを実行する
$ npm init @eslint/config
いくつか選択肢が出るので答える。最初の選択肢ではeslintに何をさせるか選択できる。コーディングスタイル(セミコロンを強制するか、インデントをどうするか、等)については現状prettierを使用してフォーマットするのが一般的、prettierを使うなら3番目を選択しないこと
To check syntax only ❯ To check syntax and find problems To check syntax, find problems, and enforce code style
もしeslint.config.js
というファイルが作成されていなければ、古いeslint/create-configパッケージが使用されている可能性がある。以下のコマンドでやり直す
$ npm init @eslint/config@latest
実行
$ npx eslint hoge.js
一時的にルールを無効化
特定の範囲でno-consoleを許可するには以下のように記述。
/* eslint-disable no-console */ console.log('hoge'); // 警告されない /* eslint-disable no-console */ console.log('hoge'); // 警告される
次の行のみno-consoleのチェックを無効化する
// eslint-disable-next-line no-console console.log('hoge'); // これは警告されない console.log('hoge'); // これは警告される
いずれの方法でも無効化したいルールが複数ある場合は、ルールをカンマ区切りで複数記述する
Configの確認
npx eslint --inspect-config
eslint.txt · 最終更新: 2025/06/08 14:53 by nullpon