Setup ESLint + Prettier for Vue.js Development.

.eslintrc

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": [
        "eslint:recommended",
        "airbnb-base",
        "plugin:vue/recommended",
        "plugin:prettier/recommended"
    ],
    "plugins": ["prettier"],
    "parserOptions": {
        "sourceType": "module"
    },
    "rules": {
        "prettier/prettier": [
            "error",
            {
                "singleQuote": true
            }
        ],
        "quotes": [
            2,
            "single",
            {
                "avoidEscape": true
            }
        ],
        "semi": ["error", "always"],
        "indent": [
            "error",
            4,
            {
                "SwitchCase": 2
            }
        ],
        "linebreak-style": ["error", "unix"]
    }
}

run.sh

yarn add eslint eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import eslint-plugin-prettier eslint-plugin-vue prettier --dev

Setup ESLint + Prettier for Vue.js Development.

.eslintrc above and also run yarn add eslint eslint-config-airbnb-base eslint-config-prettier eslint-plugin-import eslint-plugin-prettier eslint-plugin-vue prettier --dev to install dependencies.