ESLintを初めて導入しようとしたときに、次のような疑問を持つと思います。
![](https://konsuki.com/wp-content/uploads/2022/03/20220324192138_0324072157-150x150.png)
.eslintrc.jsonっていうファイル、どこに置けば良いんだろう?
この疑問に答えていきます。
【結論】.eslintrc.jsonはプロジェクトフォルダの直下に置く
.eslintrc.jsonは、次のようにプロジェクトフォルダのすぐ下に置きます。
├─project-folder ← プロジェクトフォルダ
│ │ .eslintrc.json ← ここに置く
│ │ package-lock.json
│ │ package.json
│ │
│ └─node_modules
│ │ ...長いため省略
スクリーンショット↓の方がわかりやすいかもしれないです。
![](https://konsuki.com/wp-content/uploads/2022/11/image-1.png)
ESLintの設定ファイルは.eslintrc.jsonでなくてもいい
ESLintの設定を行うためのファイルは、.eslintrc.json以外にも複数あります。
- .eslintrc.js
- eslintrc.yaml
- eslintrc.yml
- package.json
ただ、調べた感じだと.eslintrc.jsonが最も一般的なようです。
ESLintについて詳しく説明してくれている記事
今回は.eslintrc.jsonを置く場所だけに注目しました。
ESLintの一通りのことについて知りたい方は、こちらの記事がおすすめです。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9U3RlcCUyMGJ5JTIwU3RlcCVFMyU4MSVBNyVFNSVBNyU4QiVFMyU4MiU4MSVFMyU4MiU4QkVTTGludCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9M2M1Y2U1N2MxMGJhZWNhOTg2OTFlNDU0MTQ2ODZhODA&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG93ZHkzOSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NmNkZTJiOWU4MGQ4OTIwZDhiMDk4MjI0MTJjNzk4ZjA&blend-x=142&blend-y=491&blend-mode=normal&s=d1284d8d15190cbaea266b3fb800e80f)
Step by Stepで始めるESLint - Qiita
ESLintはJavaScriptを静的に検証するツールです。わかりやすく言えば、チームメンバー間で統一された美しいコードを生成するためのツールです。設定ファイルを書いておけば自動で変換すること…
総括的にまとめられていて、とってもわかりやすいです。
コメント