PHPStormでESLintのチェックを有効にする

vueで開発をしているとeslintのフォーマットチェックでビルドがエラーとなりなかなか作業が捗らない。
PHPStormでのエディターでリアルタイムでeslintのチェックが実行され警告をだしてくれるようになるので手順をメモする。

まずはeslintを導入する（環境はmacOS)
% npm install --g eslint

PHPStormのPreferencesを選択

Inspections > JavaScript and TypeScript > Code quality tools > ESLint
にチェックを入れてOK。

.VueファイルでのESLintのチェックが有効となった。右上に見える赤い◯がエラーを表す。

エラー内容がこの通り表示されエラー文章をダブルクリックするとコードの該当箇所へジャンプする。

それでは快適なコーディングライフを！