【TypeScript】ESLintを最新版にアップデートする方法

こんにちは。

TypeScriptを書くにあたって、エラーチェックツールであるESLintは常に最新にしておきたい、ということで最新版にアップデートする方法をまとめておきます。

ESLintを最新版にする方法

以下のインストールコマンドを使います。

$ npm install eslint --save-dev

https://eslint.org/docs/user-guide/getting-started

ESLintの初期設定

すでにpackage.jsonがある場合は以下のコマンドで初期設定できます。

% npm init @eslint/config

このとき、以下のように質問されたらyで答えましょう。

設定ファイルの作成に必要なパッケージがインストールされます。

Need to install the following packages:
  @eslint/create-config
Ok to proceed? (y) y

ESLintを最新版にするときの設問の答え方

以下のように聞かれたら自分の開発環境に合わせて回答します。

✔ How would you like to use ESLint? · problems
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · No / Yes
✔ Where does your code run? · browser
✔ What format do you want your config file to be in? · JavaScript

まとめ

というわけで今回はESLintのアップデート・インストール方法についてまとめました。

ご参考になれば幸いです。

プログラミングTypeScript ―スケールするJavaScriptアプリケーション開発