eslint

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- eslint [2024/04/13 07:18] – nullpon
+++ eslint [2025/06/08 14:53] (現在) – nullpon
@@ 行 1: / 行 1: @@
-====== eslint ======
+<markdown>
+# eslint
-[[JavaScript]]の構文チェッカ。
+[JavaScript](/javascript)の構文チェッカ。
-===== インストールと設定 =====
+## インストールと設定
-  $ npm init @eslint/config
+eslintを使うプロジェクトの（package.jsonがある）ディレクトリで以下のコマンドを実行する
+    $ npm init @eslint/config
-選択肢が出るので答える
+いくつか選択肢が出るので答える。最初の選択肢ではeslintに何をさせるか選択できる。コーディングスタイル（セミコロンを強制するか、インデントをどうするか、等）については現状prettierを使用してフォーマットするのが一般的、prettierを使うなら３番目を選択しないこと
 ```
@@ 行 15: / 行 18: @@
 ```
-コーディングスタイル合わせに関してはprettierを使用することが多いので３番目を選択する必要はあまりない。
-もし`eslint.config.js`というファイルが作成されていなければ、古い`eslint/create-config`パッケージが使用されている可能性があるので以下のコマンドでやり直す
+もし`eslint.config.js`というファイルが作成されていなければ、古い[eslint/create-config](https://github.com/eslint/create-config)パッケージが使用されている可能性がある。以下のコマンドでやり直す
-  $ npm init @eslint/config@latest
+    $ npm init @eslint/config@latest
-===== 実行 =====
+## 実行
-  $ npx eslint hoge.js
+    $ npx eslint hoge.js
-===== console.logを許可 =====
+## 一時的にルールを無効化
-特定のファイルのみconsole.logを許可するには、ファイルの先頭に以下を追加
+特定の範囲でno-consoleを許可するには以下のように記述。
-<code>
+```javascript
 /* eslint-disable no-console */
-</code>
+console.log('hoge');  // 警告されない
+/* eslint-disable no-console */
+console.log('hoge');  // 警告される
+```
+次の行のみno-consoleのチェックを無効化する
+```javascript
+// eslint-disable-next-line no-console
+console.log('hoge');  // これは警告されない
+console.log('hoge');  // これは警告される
+```
+いずれの方法でも無効化したいルールが複数ある場合は、ルールをカンマ区切りで複数記述する
+## Configの確認
+```
+npx eslint --inspect-config
+```
+</markdown>

eslint.1712992719.txt.gz · 最終更新: 2024/04/13 07:18 by nullpon