ESLint 配置(二)

使用 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

参考

相关推荐