在前端开发中，代码风格是一项重要的工作。一致的代码风格能帮助开发者阅读代码、更好地维护代码，提高代码质量和稳定性。ESLint 是一个广泛使用的静态代码分析器，可以根据预定义的规则检查代码的语法和风格。而使用 @gbtechhub/eslint-config-server 则可以快速地使用部分NodeJS项目的 ESLint 规则，有效地提高团队协作效率。本文就来详细讲解一下 @gbtechhub/eslint-config-server 的使用方法。
安装
在安装 @gbtechhub/eslint-config-server 之前，需要先安装 ESlint：
npm install eslint --save-dev
接着，安装 @gbtechhub/eslint-config-server：
npm install @gbtechhub/eslint-config-server --save-dev
配置
在项目根目录下创建一个 .eslintrc.js 的文件，然后在文件中添加以下配置：
module.exports = {
extends: ["@gbtechhub/eslint-config-server"],
};这样就可以使用 @gbtechhub/eslint-config-server 的默认配置了。
当然，如果您需要自定义一些配置，也可以在 .eslintrc.js 文件中添加其他配置。
例如，想忽略某些文件或目录：
module.exports = {
extends: ["@gbtechhub/eslint-config-server"],
ignorePatterns: ["node_modules/", "build/"],
};使用
通过以上配置，我们已成功应用了 @gbtechhub/eslint-config-server 定义的一些默认规则。在 NodeJS 项目中，不可避免地会使用一些全局变量和模块，我们可以使用 env 字段来设置这些全局变量，例如：
module.exports = {
extends: ["@gbtechhub/eslint-config-server"],
env: {
node: true,
},
};此时，我们也可以定义自己的规则，例如，在 .eslintrc.js 中添加：
module.exports = {
extends: ["@gbtechhub/eslint-config-server"],
rules: {
// 在箭头函数的参数周围添加()
"arrow-parens": ["error", "always"],
},
};这段代码定义了一条规则，即箭头函数的参数周围必须添加括号。
如果我们想查看哪些规则被禁用或启用了，可以运行以下命令：
npx eslint --print-config .
这将会以 JSON 格式输出规则集、规则及其状态信息。
结语
使用 @gbtechhub/eslint-config-server 可以快速地使用 NodeJS 项目的 eslint 配置，提高代码的规范和稳定性。
ESLint 有非常多的规则可供选择，但不同的项目、团队有不同的代码风格，在使用 @gbtechhub/eslint-config-server 的时候，应该参考当前项目的代码风格，有选择地进行规则配置。
有任何不懂的地方可以查看官方文档，也可以查看示例代码：
const sum = (a, b) => {
return a + b;
};
console.log(sum(1, 2)); // 3以上示例即使用了我们前文提到的自定义规则，表示需要在箭头函数的参数周围添加括号。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566b281e8991b448e2f77