@iyoha/eslint-config

eslint-config

An opinionated eslint config for vue | typescript.

💿 Install

yarn add @iyoha/eslint-config -D
# OR
npm install @iyoha/eslint-config --save-dev

🚀 Usage

基本eslint

Create an .eslintrc.js in the root directory of your project, then copy the following content into it:

module.exports = {
    extends: [
        '@iyoha/eslint-config',
    ],
    env: {
        // Your environments (which contains several predefined global variables)
        //
        // browser: true,
        // node: true,
        // mocha: true,
        // jest: true,
        // jquery: true
    },
    globals: {
        // Your global variables (setting to false means it's not allowed to be reassigned)
        //
        // myGlobal: false
    },
    rules: {
        // Customize your rules
    }
};

vue

vue-cli4 Create an .eslintrc.js in the root directory of your project, then copy the following content into it:

module.exports = {
    extends: [
        // notice: please in the following order
        '@iyoha/eslint-config/vue',
        '@iyoha/eslint-config',
    ],
    env: {
        // Your environments (which contains several predefined global variables)
        //
        // browser: true,
        // node: true,
        // mocha: true,
        // jest: true,
        // jquery: true
    },
    globals: {
        // Your global variables (setting to false means it's not allowed to be reassigned)
        //
        // myGlobal: false
    },
    rules: {
        // Customize your rules
    }
};

typescript

Create an .eslintrc.js in the root directory of your project, then copy the following content into it:

module.exports = {
    extends: [
        // notice: please in the following order
        '@iyoha/eslint-config/typescript',
        '@iyoha/eslint-config',
    ],
    env: {
        // Your environments (which contains several predefined global variables)
        //
        // browser: true,
        // node: true,
        // mocha: true,
        // jest: true,
        // jquery: true
    },
    globals: {
        // Your global variables (setting to false means it's not allowed to be reassigned)
        //
        // myGlobal: false
    },
    rules: {
        // Customize your rules
    }
};