👌
Lintチェックの設定
Lintチェックの設定
TSlintかEslintか
TSlintは非推奨になったため、Eslintを使う。
参考
自動修正
fix:eslint
シングルコーテーションかダブルコーテーションか
- "double" (デフォルト)では、可能な限り二重引用符を使用する必要があります
- "single" では、可能な限り単一引用符を使用する必要があります
- "backtick" では、可能な限りバックティックを使用する必要があります
- "avoidEscape": true 、文字列に引用符が含まれている限り、文字列に一重引用符または二重引用符を使用できます。
--fix
をつけて整形する。
入れ子を実行前
"hoge'hogehoge'"
実行後
'hoge\'hogehoge\''
VScode 拡張機能
- ESlint
-
EditorConfig for VS Code
- lint実行時に自動修正するなら逆に邪魔になる可能性がある。
vscodeの設定・拡張機能の共有
プラグインとhuskyの設定
プラグイン
6.3.0以降であればtypescriptもeslintでチェックされるので、別途プラグインは不要と思われる。
lint-stageとhuskyの設定
npm i lint-staged --save-dev
npm i husky --save-dev
npx husky-init
参考
- ESLint v6.3.0 released
- The future of TypeScript on ESLint
- ESLint v7.1.0 released
- ESLint v6.3.0
- --max-warnings=0
- --report-unused-disable-directives
Discussion