のこのこかずのこ

10年エンジニアやってるけどいまだになんもわからん

ESLint ローカルインストール時の zsh: command not found: eslint に対処する

JavaScriptで最も使われているバグ発見ツールであるESLintをインストールします。

eslint.org

シンプルなNode.jsファイルに対して、ターミナル上からESLintを実行することを想定しています。

まずは公式サイトに書いてある通りに、プロジェクトディレクトリ配下で、何も考えずインストールコマンドを実行します。

npm init @eslint/config@latest

いくつか初期化のための質問をされるので答えて、インストール完了。 早速使うぞ!とコマンドを打ってみたところ、コマンドが見つからないと言われました。

eslint -v
zsh: command not found: eslint

おや…?どうやら、グローバルではなくローカルインストールしたので、eslintにパスが通っていない様子。 パスを正確に指定すると、実行できました。

./node_modules/.bin/eslint -v
v9.7.0

でもこれ、毎回パスを打つの面倒臭い。かといって、グローバルにインストールするのはできれば避けたい…。 と思ったら、 npmには npx というコマンドが同梱されていて、ローカルでインストールしたツールを npx eslint などの形で実行できるようです。

npx eslint -v
v9.7.0

これで問題なく実行できました👏

こんな感じでバグを指摘してくれます。うれしい。