1.6 KiB
Linter Configuration
This boilerplate uses ESLint as the linter, and uses the Standard preset with some small customizations.
eslint-plugin-vue
We always add eslint-plugin-vue as well, which comes with a whole bunch of helpful rules to write consistent Vue components - it can also lint templates!
You can find an overview of all the available rules on github. We chose to add the essential configs, but we recommend to switch to the bigger strongly-recommended or recommended rulesets once you are familiar with them.
Customizing
If you are not happy with the default linting rules, you have several options:
- Overwrite individual rules in
.eslintrc.js. For example, you can add the following rule to enforce semicolons instead of omitting them:
// .eslintrc.js
"semi": [2, "always"]
-
Pick a different ESLint preset when generating the project, for example eslint-config-airbnb.
-
Pick "none" for ESLint preset when generating the project and define your own rules. See ESLint documentation for more details.
Fixing Linting Errors
You can run the following command to let eslint fix any errors it finds (if it can - not all errors are fixable like this):
npm run lint -- --fix
(The -- in the middle is necessary to ensure the --fix option is passdd to eslint, not to npm. It can be omitted whne using yarn)