ユーザ用ツール

サイト用ツール


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

特定のファイルで特定のルールを無効化

例えば、特定のファイルでのみconsole.logを許可するには、ファイルの先頭に以下を追加

/* eslint-disable no-console */
eslint.txt · 最終更新: 2024/04/13 09:28 by nullpon