在前端开发中，代码规范是非常重要的一环，它可以提升代码的可读性，可维护性和可扩展性。在 JavaScript 开发过程中，我们通常使用 ESLint 进行代码静态分析、检查和规范，但要配置一个好用的 ESLint 环境并不容易。
@cjssdk/eslint-config 是一个完全基于 eslint-config-airbnb 的定制化 ESLint 配置包。etherliu 基于自己团队的约定，对 ESLint 的配置做了进一步优化，使得配置更为合理和实用，从而可以帮助开发者更好的维护代码规范。
安装使用
使用 @cjssdk/eslint-config 只需要简单的以下几个步骤：
- 安装 @cjssdk/eslint-config
npm i -D @cjssdk/eslint-config
- 在项目的 .eslintrc 中继承 @cjssdk/eslint-config
{
"extends": ["@cjssdk"]
}- 配置文件
如果在项目中添加了配置文件 .eslintrc.js 或者 .eslintrc.yaml ，则需要在配置文件中添加如下配置：
module.exports = {
extends: ['@cjssdk'],
plugins: ['@cjssdk'],
rules: {
// 开启 TS检查规则
'@cjssdk/typescript': 'error',
},
};特别说明
@cjssdk/eslint-config 包集成了 prettier 和 typescript-eslint 这两个插件工具，所以无需再单独配置它们，只需要使用上文提到的方式即可。
.prettierignore 中需要忽略才对的文件类型：
dist coverage **/*.md **/*.json node_modules __tests__ __mocks__
扩展插件
@cjssdk/eslint-config 可以通过插件方式扩展其预设配置，目前它支持以下的插件：
- @cjssdk/typescript
开启 TypeScript 检查规则，需要安装 typescript：
npm install -D typescript
- @cjssdk/react
支持 React 检查规则，需要安装 eslint-plugin-react：
npm install -D eslint-plugin-react
结束语
以上就是 npm 包 @cjssdk/eslint-config 的使用教程，通过对 @cjssdk/eslint-config 配置文件的继承和特别说明，你可以很容易的在项目中启用代码规范。如果你的团队有更加需求，@cjssdk/eslint-config 的插件扩展功能可以满足你的各类需求。希望通过这篇文章，你能够更好的了解和使用 @cjssdk/eslint-config 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/cjssdk-eslint-config