ESLint实现在package.json中配置代码规范手动测试

1.ESLint 代码规范的约束
执行 --fix自动的进行代码约束
配置ESLint
1.npm i eslint --save-dev
2.在package.json中配置

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --env development",
    "build": "webpack",
    "lintjs": "exlint app/ webpack.*.js --cache"
  },

其中app/ 指的是对app文件夹中的文件进行规范约束

新建一个文件 .eslintrc.js

module.exports = {

    env: {
        browser: true,
        commonjs: true,
        es6: true,
        node: true,
    },
    extends: 'eslint:recommended',
    parserOptions: {
        sourceType: 'module',
    },
    rules: {
        'comma-dangle': ['error', 'always-multiline'],
        indent: ['error',2],
        'linebreak-style': ['error','unix'],
        quotes: ['error', 'single'],
        semi: ['error','always'],
        'no-unused-vars': ['warn'],
        'no-console': 0,
    },
};

自动修正代码规范
npm run lint – --fix

这个是手动自己进行检测

你可能感兴趣的:(前端)