Cannot setup eslint-plugin-vue

Question

I had tried hours to setup eslint-plugin-vue, but the lint output is always empty (no stdout and stderr), I must have missed something very basic?

Commands

$ node --version # v9.4.0
$ npm install
$ $(npm bin)/eslint . # Empty output

File structure

Foo
├── .eslintrc.js
├── main.vue
└── package.json

.eslintrc.js

module.exports = {
    "extends": [
    "plugin:vue/recommended"
  ]
}

package.json

{
  "name": "Foo",
  "version": "0.1.0",
  "devDependencies": {
    "eslint": "^4.17.0",
    "eslint-plugin-vue": "^4.2.2"
  }
}

main.vue

<template>
</template>
<script>
!@#$%^UIYTHRE
</script>

mysticatea · Accepted Answer · 2018-02-14 13:13:31Z

2

Do $(npm bin)/eslint . --ext .vue

The eslint command checks only .js files by default. You have to specify additional extensions by --ext option.

answered Feb 14, 2018 at 13:13

mysticatea

2,3071 gold badge14 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1