Cat Paw Software

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

<markdown>
# eslint

[JavaScript](/javascript)の構文チェッカ。

## インストールと設定

eslintを使うプロジェクトの（package.jsonがある）ディレクトリで以下のコマンドを実行する

    $ npm init @eslint/config
  
いくつか選択肢が出るので答える。最初の選択肢ではeslintに何をさせるか選択できる。コーディングスタイル（セミコロンを強制するか、インデントをどうするか、等）については現状prettierを使用してフォーマットするのが一般的、prettierを使うなら３番目を選択しないこと

```
  To check syntax only
❯ To check syntax and find problems
  To check syntax, find problems, and enforce code style  
```


もし`eslint.config.js`というファイルが作成されていなければ、古い[eslint/create-config](https://github.com/eslint/create-config)パッケージが使用されている可能性がある。以下のコマンドでやり直す

    $ npm init @eslint/config@latest

## 実行

    $ npx eslint hoge.js


## 一時的にルールを無効化

特定の範囲でno-consoleを許可するには以下のように記述。

```javascript
/* eslint-disable no-console */

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>