##ESlintとは
- 構文解析&コードフォーマットツール
- コードフォーマット機能はPrettierの方が優秀
- 設定ファイルは
.eslintrc.js
- 設定できる項目が大量にある
- 関連するプラグインがたくさん出ているので、設定ファイルに細かく指定しなくてもプラグインがよしなに設定してくれる
##Prettierとは
- コードフォーマッター
- ESlintよりフォーマットの精度が高い
- 細かく設定をしなくてもいい感じにしてくれる。
- 構文チェックの機能は無い
- 設定ファイルは
.prettierrc.js
##VSCodeとの連携
各種拡張機能を入れることで、.eslintrc.js
や.prettierrc.js
で設定したルールに従い、問題がある箇所に下線を引いたり、ショートカット一発ですぐに整形することができるようになります。
##参考