如何使用vue-cli完成初始化后添加linter？

Question

我第一次使用vue-cli初始化webpack-template时，我没有启用lint。但现在我想要皮毛。我如何正确使用vue-cli在我的当前vuejs项目中正式添加lint功能而无需手动？

Answer 1

npm install eslint babel-eslint eslint-plugin-html eslint-config-standard 

然后创建一个名为.eslintrc.js文件，使它看起来像这样：

module.exports = { 
    root: true, 
    parser: 'babel-eslint', 
    parserOptions: { 
    sourceType: 'module' 
    }, 
    env: { 
    browser: true, 
    }, 
    extends: 'standard', 
    // required to lint *.vue files 
    plugins: [ 
    'html' 
    ], 
    // add your custom rules here 
    'rules': { 

    // allow paren-less arrow functions 
    'arrow-parens': 0, 
    // allow async-await 
    'generator-star-spacing': 0, 
    // allow debugger during development 
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 
    } 
}