npm init @eslint/config 実行時の選択内容についてソースを確認してみる

ESLint の導入にて以下のコマンドが公式で紹介されている。

npm init @eslint/config

その際に以下のような選択を行う。

npm init @eslint/config での選択

✔ How would you like to use ESLint? · problems
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · none
✔ Does your project use TypeScript? · No / __Yes__
✔ Where does your code run? · node
✔ What format do you want your config file to be in? · JavaScript
Local ESLint installation not found.
The config that you've selected requires the following dependencies:

@typescript-eslint/eslint-plugin@latest @typescript-eslint/parser@latest eslint@latest
✔ Would you like to install them now? · No / __Yes__
✔ Which package manager do you want to use? · npm

それぞれの選択によって実際に何がおきるのか @eslint/create-config を確認してみた。

k-ta-yamada 3ヶ月前

purpose

? How would you like to use ESLint? …
  To check syntax only
❯ To check syntax and find problems
  To check syntax, find problems, and enforce code style

style の場合にインデントなどの設定などを追加で質問されるようになる。
そのあたりは ESLint Stylistic で対応の方針なので、デフォルトでもある plobrems を選択する。

k-ta-yamada 3ヶ月前に更新

moduleType

? What type of modules does your project use? …
❯ JavaScript modules (import/export)
  CommonJS (require/exports)
  None of these

k-ta-yamada 3ヶ月前に更新

framework

? Which framework does your project use? …
❯ React
  Vue.js
  None of these

k-ta-yamada 3ヶ月前に更新

typescript

? Does your project use TypeScript? › No / Yes

purpose で style を選択していない場合、styleGuides の内容は特に影響しない。

k-ta-yamada 3ヶ月前に更新

env

? Where does your code run? …  (Press <space> to select, <a> to toggle all, <i> to invert selection)
✔ Browser
  Node

複数選択のため、スペースキーでそれぞれ on / off すること。
カーソルで上下移動して Enter を押してもそれが選択されるわけではない。
勘違いして Node を選んだつもりが Browser のままになっていた。

k-ta-yamada 3ヶ月前に更新

format

? What format do you want your config file to be in? …
❯ JavaScript
  YAML
  JSON

個人的には YAML も良いかと思うが、設定について検索すると大体が JS だったりする。
読み替えれば良いが、それも以外と面倒だったりするので JS でよいのでは。

k-ta-yamada 3ヶ月前

executeInstallation

? Would you like to install them now? › No / Yes

k-ta-yamada 3ヶ月前

packageManager

? Which package manager do you want to use? …
❯ npm
  yarn
  pnpm

executeInstallation で Yes を選択時に追加で質問される。