eslint

1.安装eslint

npm i eslint -D

2.配置eslint

npm init @eslint/config

3.vscode安装eslint插件

4.设置vscode自动格式化

settings.json
{
    "eslint.alwaysShowStatus": true,
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    //autoFix默认开启，只需输入字符串数组即可
    "eslint.validate": ["javascript", "vue", "html"]
}

5. 配置.eslintignore

# /node_modules/* and /bower_components/* ignored by default

# Ignore built files except build/index.js
build/*
!build/index.js

6. windows下开发，使用airbnb，可能会配置eslintrc规则忽略换行告警

  rules: {
    // ESLint rules have 0 ("off"), 1 ("warn"), or 2("error")
    'linebreak-style': [0, 'error', 'window'],
    'no-console': 'off',           // 关闭console.log告警
    'import/extensions': 'off',    // import x from './m' 关闭m没有后缀的告警
    'import/no-unresolved': 'off', // import x from './m' 如果m在src目录下，eslint会找不到m, 实际我们是用webpack来编译的, webpack已经配置了entry, extensions
  }

  // 上面import/no-unresolved也可通过下面方法解决
  npm i -D eslint-import-resolver-webpack
  // .eslintrc配置
  settings: {
    'import/resolver': {
      webpack: {
        config: './path/to/your/webpack.config.js',
      },
    },
  },