Javascript Linting Setup

.eslintrc.json

{
  "extends": ["eslint:recommended", "eslint-config-prettier"],
  "parserOptions": { "ecmaVersion": 2018 },
  "rules": {
    "no-console": "off",
    "prefer-const": [
      "error",
      {
        "destructuring": "any",
        "ignoreReadBeforeAssign": false
      }
    ],
    "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]
  },
  "env": {
    "node": true,
    "es6": true,
    "browser": true
  }
}

.prettierrc

{
  "printWidth": 120,
  "semi": true,
  "bracketSpacing": true
}

package.json

{
  "scripts": {
    "lint": "eslint src",
    "lint:fix": "eslint src --fix",
    "format": "yarn prettier --write",
    "prettier": "prettier \"**/*.+(js|jsx|json|yml|yaml|css|less|scss|ts|tsx|md|mdx|graphql|vue)\"",
    "validate": "yarn lint && yarn format"
  },
  "devDependencies": {
    "eslint": "^5.13.0",
    "eslint-config-prettier": "^4.0.0",
    "husky": "^1.3.1",
    "lint-staged": "^8.1.3",
    "prettier": "^1.16.4"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.js": [
      "npm run validate",
      "git add"
    ]
  }
}