eslint

差分

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

この比較画面へのリンク

--- eslint [2018/07/09 06:43] – [eslint] nullpon
+++ eslint [2024/04/13 09:28] (現在) – nullpon
@@ 行 1: / 行 1: @@
-====== eslint ======
+<markdown>
+# eslint
-[[JavaScript]]の構文チェッカ。
+[JavaScript](/javascript)の構文チェッカ。
-===== インストール =====
-まず、eslint-cliをグローバルに入れる（eslintコマンド実行じにlocalのeslintを呼び出すためのライブラリ）
+## インストールと設定
-  $ npm i -g eslint-cli
+eslintを使うプロジェクトの（package.jsonがある）ディレクトリで以下のコマンドを実行する
-次にeslintを有効にしたいプロジェクトでeslintをlocalインストールする
+    $ npm init @eslint/config
+いくつか選択肢が出るので答える。最初の選択肢ではeslintに何をさせるか選択できる。コーディングスタイル（セミコロンを強制するか、インデントをどうするか、等）については現状prettierを使用してフォーマットするのが一般的、prettierを使うなら３番目を選択しないこと
-  $ npm i --save-dev eslint
+```
-===== 最初の設定 =====
+  To check syntax only
-まず ~/.eslintrc を作り、推奨ルールをオンにする。JSONで書く
+❯ To check syntax and find problems
+  To check syntax, find problems, and enforce code style
+```
-<code>
-{
-  "extends": "eslint:recommended"
-}
-</code>
-===== console.logを許可 =====
+もし`eslint.config.js`というファイルが作成されていなければ、古い[eslint/create-config](https://github.com/eslint/create-config)パッケージが使用されている可能性がある。以下のコマンドでやり直す
-特定のファイルのみconsole.logを許可するには、ファイルの先頭に以下を追加
+    $ npm init @eslint/config@latest
-<code>
+## 実行
+    $ npx eslint hoge.js
+## 特定のファイルで特定のルールを無効化
+例えば、特定のファイルでのみconsole.logを許可するには、ファイルの先頭に以下を追加
+```
 /* eslint-disable no-console */
-</code>
+```
+</markdown>

eslint.1531118599.txt.gz · 最終更新: 2018/07/09 06:43 by nullpon