webpack笔记之eslint

eslint通常是跟编辑器一块用，边写边检测边修改，而不需要在webpack打包中才去用eslint检测；

步骤：1.vscode中下载eslint插件，目的是不需要用命令，平时边写边检测边修改，而不需要用命令检测；

           2. 全局或局部安装eslint：npm i eslint [-g]

           3.创建eslint的检查依据.eslintr文件；可以局部，也可以全局,运行命令 npx eslint --init;安装自己的需要来选配置

             注意：.eslintrc文件可以有三种文件形式：json  .xxrc  或者yalm

   对于不需要的文件规则，可以在eslintrc.json文件的rules选项中禁用off,警告warn，错误error三种级别。

    

 对于规则，https://eslint.bootcss.com/docs/rules/

设置自动修复，其中有些是可以自动修复的，用ctrl + s即可。这是在默认的vscode的eslint插件中的选项中，有

//在vue-cli项目中用.eslintrc.js
module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-unused-vars': 'warn',
    'no-useless-escape': 'warn',
    'no-empty': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue/no-side-effects-in-computed-properties':'warn',
    'vue/no-unused-components':'warn'
  }
}