@e9ine/eslint-config-vue
This package provides e9ine's .eslintrc as an extensible shared config for vue projects
Last updated 2 months ago by e9ine-user .
ISC · Repository · Original npm · Tarball · package.json
$ cnpm install @e9ine/eslint-config-vue 
SYNC missed versions from official npm registry.

@e9ine/eslint-config-vue

This package provides e9ine's .eslintrc as an extensible shared config for vue projects

Usage

We export 2 ESLint configurations for your usage which already inherits eslint-recommended and plugin:vue/recommended config. So you do not need to extend eslint:recommended and plugin:vue/recommended

Our default export contains all of our ESLint rules, including ECMAScript 6+ . It has its peer dependencies eslint, babel-eslint, eslint-plugin-vue so you do not require to install eslint , babel-eslint , eslint-plugin-vue separately

Installation

  1. Install the correct and latest version of the package

    npm install --save-dev @e9ine/eslint-config-vue
    
  2. Make sure to extend the configurations to package.json. globals can be overridden based on project requirements.

    ...
    
    "devDependencies": {
        ...
        "@e9ine/eslint-config-vue": "^1.0.0"
    },
    "eslintConfig": {
        "root": true,
        "extends": [
          "@e9ine/eslint-config-vue"
        ]
    }
    
  3. Add below a scripts for lint-only.

    ...
    
    "scripts": {
        ...
        "lint": "./node_modules/.bin/eslint --ext .vue .",
        "lint-fix": "vue-cli-service lint",
    },
    
    ...
    

Note : lint command provided by vue-cli-service will auto fix the issues.

Integration with yorkie

yorkie can be integrated with the projects based on the team size. However we highly recommend to use yorkie in vue projects

  1. Install yorkie as dev dependency

    npm install --save-dev yorkie
    
  2. Define gitHooks config in package.json which will be used by yorkie

    ...
    
    "gitHooks": {
        "pre-commit": "vue-cli-service lint"
    },
    

Integration with lint-staged

lint-staged can be highly effective when you only would want to run linters on staged-files. This will also prevent the user from committing code which is not in compliance with the standards and specified formatting.

However we highly recommend to use lint-staged in combination with yorkie if you are working in a team consisting more than 2 members.

  1. Install lint-staged as dev dependency

    npm install --save-dev lint-staged
    
  2. Define lint-staged config in package.json

    "gitHooks": {
        "pre-commit": "lint-staged"
    },
    "lint-staged": {
        "*.js": [
            "vue-cli-service lint",
            "git add"
        ],
        "*.vue": [
            "vue-cli-service lint",
            "git add"
        ]
    }
    

--fix option will try to fix the formatting and fixable errors. If there are still any "manual-only-fixable" error found, then commit will be rejected.

Current Tags

  • 0.0.9-f                                ...           latest (2 months ago)

7 Versions

  • 0.0.9-f                                ...           2 months ago
  • 0.0.9-e                                ...           2 months ago
  • 0.0.9-d                                ...           2 months ago
  • 0.0.9-c                                ...           2 months ago
  • 0.0.9-b                                ...           3 months ago
  • 0.0.9-a                                ...           8 months ago
  • 0.0.9                                ...           8 months ago
Downloads
Today 0
This Week 0
This Month 7
Last Day 0
Last Week 7
Last Month 23
Dependencies (4)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |