ユーザ用ツール

サイト用ツール


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