浅谈开发eslint规则-创新互联

开发 eslint 规则

前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决于开源项目作者的习惯，或者公司团队编码的习惯，即使两个前端专家，写出的代码规范也会有差别。

今天主题聊聊 eslint，作为最主流的 JavaScript lint 工具深受大家喜爱，而 JSHint 却逐渐淡出了大家的视线，使用的比较少了

常用的 eslint 扩展有 standard，airbnb 等

剖析 eslint 扩展

扩展无非就作两个事情

• 在原有的 eslint 的基础上配置些 config（具体规则参数，全局变量，运行环境等）
• 自定义些自己的 rule，以满足需求

原理就是利用 eslint 的继承模式，理论上可以无限继承并覆盖上一级的规则

第一条不详细介绍了，eslint 官网说的十分详细，基本每一条规则都支持自定义参数，覆盖面也特别广，基本上所有的语法都有 rule

第二条的自定义 rule 才是本文的重头戏，因为特殊的业务场景靠 eslint 自身配置已经无法满足业务需求了，如：

• eslint-plugin-vue
• eslint-plugin-react
• eslint-plugin-jest

一般特殊场景的自定义规则都使用 eslint-plugin-* 的命名，使用时可以方便的写成

{
 plugins: [
 'vue',
 'react',
 'jest'
 ]
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。