all-in-one eslint

.all-in-one-eslint.md

All In One ESLint

Steps

• install eslint npm i -g eslint npm install --save-dev eslint
• config eslint
• config with airbnb
  • install config (vanilla js) npm install --save-dev eslint-config-airbnb-base
  • install config (react/jsx) npm install --save-dev eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y

.eslintrc_[airbnb].yml

# [airbnb-config]
# see : https://eslint.org/docs/user-guide/configuring/
# see : https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb
---
env:
  # browser
  browser: true
  # ES6
  es6: true
  # node
  node: true

# use airbnb (eslint-config-airbnb)
extends: airbnb

parserOptions:
  ecmaVersion: 6
  # ecmaFeature:
  #   jsx: true # react | jsx

rules:
  # 0 = off | 1 = warn* | 2 = error
  no-unused-vars:
    - warn
    -
      args: none
      vars: local
  comma-dangle:
    - warn
    - always-multiline
    # or
    # -
    #   array: always-multiline
    #   objects: always-multiline
    #   imports: always-multiline
    #   exports: always-multiline
    #   functions: always-multiline

.eslintrc_[manual].jsonc

// [manual-config]
// see : https://eslint.org/docs/user-guide/configuring/

{
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": 6,    
    "ecmaFeature": {
      // "jsx": true, // for react or JSX
    }
  },
  "env": {
    "node": true,
    "browser": true,
    "es6": true,
  },
}

.eslintrc_[manual].yml

# [manual-config]
# came : https://eslint.org/docs/user-guide/configuring/
---
extends: 'eslint:recommended'
parserOptions:
  ecmaVersion: 6
  # ecmaFeature:
    # jsx : true # react || jsx
env :
  node: true # node
  browser: true # browser
  es6: true # ES6