ESLint 配置

Posted 2020-12-06 ainsliaea

使用 standard

使用 standard 定义的规则，并根据自己的需要进行修改

安装 standard：https://github.com/standard/eslint-config-standard

会安装以下插件：

"eslint-config-standard": "^14.1.1",
"eslint-plugin-import": "^2.20.2",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.1",

在 .eslintrc.js 中配置：
"extends": ["eslint:recommended","standard"]

standard 要求不加分号，我也不想在代码中出现 alert，所以在 rules 中添加以下两条规则：

"rules": {
    "semi": ["error", "always"],
    "no-alert": "error"
}

将 prettier 和 ESLint 配合使用

• prettier

• eslint-plugin-prettier：配置 eslint 使用 prettier 对代码进行格式化

• eslint-config-prettier：关闭一些不必要的或者是与 prettier 冲突的 lint 选项。

• .prettierrc.js：自定义格式化风格

  在这里面配置句尾强制添加分号（semi: true），可以去掉 eslint rule 里面的规则

在 VSCode 中安装 ESLint、Prettier 插件

prettier 快捷键为 alt+shift+f

参考

• https://segmentfault.com/a/1190000015315545