Edited at

[eslint][WebStorm] .vueファイルがeslintで認識されない問題

More than 1 year has passed since last update.


IntelliJ IDEAで.vueファイルがeslintで指摘されない

コードレビューでeslintに準拠してないと言われ「あれ?」と思いながら調査。

どう見てもWebStorm上でeslintの設定はちゃんとされており、指摘されてる箇所もある。


調査

調べてみると何件かヒット。

https://intellij-support.jetbrains.com/hc/en-us/community/posts/360000018610-ESLint-didnt-work-on-vue-files

どうやら.vueファイルはそのままだとeslintで指摘されないようです。


eslint-plugin-vueの追加

$ npm install --save-dev eslint-plugin-vue


/.eslintrc

{

...
"plugins": [
"vue"
]
}


無事、指摘されるように

Screen Shot 2018-07-03 at 15.12.05.png

これで開発効率アップ!