ESlint config

Table of Contents

• Installation
• Create an .eslintrc file
  • For simple babel projects
  • For Vue projects
  • For Nuxt projects
• Add lint and lintfix scripts to your package.json

Installation

Add this package and its peerDependencies to your devDependencies

npm i -D @clickagy/eslint-config eslint babel-eslint eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard

Optionally, if using on a Vue or Nuxt project, also install eslint-plugin-vue

npm i -D eslint-plugin-vue

---

Create an .eslintrc file

For simple babel projects

{
  "root": true,
  "extends": ["@clickagy"]
}

For Vue projects

{
  "root": true,
  "extends": ["@clickagy/eslint-config/vue"]
}

For Nuxt projects

{
  "root": true,
  "extends": ["@clickagy/eslint-config/nuxt"]
}

---

Add lint and lintfix scripts to your package.json

"scripts": {
  "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
  "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ."
}