自定义 ESLint 规则，让代码持续美丽

如果我们在开发者写代码的时候就及时给到提示和建议，那开发体验就很棒了，而 ESLint 的自定义规则就可以实现在开发过程中给开发同学友好的提示。 自定义 ESLint 规则开发 怎么自定义 语法树分析 对目标代码进行语法树解析，可使用 astexplorer (https://astexplorer.net/) ? image 如何使用自定义规则 使用自定义的 ESLint 规则，你需要自定义一个 ESLint 的插件，然后将规则写到自定义的 ESLint 插件中，然后在业务代码中添加 ESLint 配置，引入 ESLint 插件的名称，命名规则：带前缀 eslint-plugin- ? image 实际应用案例 函数、方法的入参个数控制，其实已经在 ESLint 的规则中了。在业务场景中，我们需要对我们的业务规则编写自定义的 ESLint 规则。

自定义 ESLint 规则，让代码持续美丽

如果我们在开发者写代码的时候就及时给到提示和建议，那开发体验就很棒了，而 ESLint 的自定义规则就可以实现在开发过程中给开发同学友好的提示。 自定义 ESLint 规则开发 怎么自定义 语法树分析 对目标代码进行语法树解析，可使用 astexplorer (https://astexplorer.net/) ? image 如何使用自定义规则 使用自定义的 ESLint 规则，你需要自定义一个 ESLint 的插件，然后将规则写到自定义的 ESLint 插件中，然后在业务代码中添加 ESLint 配置，引入 ESLint 插件的名称，命名规则：带前缀 eslint-plugin- ? image 实际应用案例 函数、方法的入参个数控制，其实已经在 ESLint 的规则中了。在业务场景中，我们需要对我们的业务规则编写自定义的 ESLint 规则。

ESLint 可共享配置发布，团队自定义 ESLint 规则新鲜出炉

feflow官方经过调研和探索，终于迎来了ESLint的解决方案，最核心的理念是：基于eslint:recommend做规则的定制化。 规则定义准则 不重复造轮子，基于eslint:recommend配置并改进 能够帮助发现代码错误的规则，全部开启 目的是团队的代码风格统一，而不是限制开发体验 eslint-config-ivweb 仓库地址：https://github.com/feflow/eslint-config-ivweb 欢迎提交issue或者PR一起参与团队规则维护 部分规则说明 [1507707269511_5625 :recommended提到的规则在ivweb中没有提到，因此最好配合eslint:recommend一起使用。 A： airbnb官方的规则过于庞大，有10多个规则文件。维护起来成本较高，选择基于轻量级的 eslint:recommend 基础之上定制团队ESLint规则更加简单，也便于维护。

eslint 效验规则

'error' : 'off', /* 0 或’off’： 关闭规则。 1 或’warn’： 打开规则，并且作为一个警告，字体颜色为黄色（并不会导致检查不通过）。 2 或’error’：打开规则，并且作为一个错误 ，色体颜色为红色(退出码为1，检查不通过)。 */ // 以下为该项目自定义部分 'indent': [2, 4], //缩进风格 - 开启缩进4格 'no-spaced-func': 2, //函数调用时 函数名与()之间不能有空格 ": [规则值, 规则配置] } rules：开启规则和发生错误时报告的等级，规则的错误等级有以下三种： ​0 或’off’： 关闭规则。 1 或’warn’： 打开规则，并且作为一个警告，字体颜色为黄色（并不会导致检查不通过）。 2 或’error’：打开规则，并且作为一个错误 ，色体颜色为红色(退出码为1，检查不通过)。

Eslint规则说明

2,//禁止无效的正则表达式 "no-invalid-this": 2,//禁止无效的this，只能用在构造器，类，对象字面量 "no-irregular-whitespace": 2,//不能有不规则的空格

React技巧之理解Eslint规则

react-hooks-exhaustive-deps[1] 作者：Borislav Hadzhiev[2] 正文从这开始~ 起因 当我们在effect钩子中缺少依赖时，react-hooks/exhaustive-deps规则会警告我们 要摆脱这个警告，可以把函数或变量声明移到useEffect钩子里面，把每次渲染都会变化的数组和对象记忆存储，或者禁用这个规则。 下面是一个如何引起警告的例子。 禁用 绕过 "React Hook useEffect has a missing dependency"的警告的一个方法是禁用单行或整个文件的eslint规则。 'Hamburg'}; useEffect(() => { setAddress(obj); console.log('useEffect called'); // eslint-disable-next-line

City: {address.city}