前言
在前端开发中，代码规范是必须要遵循的，尤其是在团队协作中，严格的代码规范可以让团队的代码更加统一，减少出错率，增加开发速度。而 eslint 是我们常用的代码规范检查工具之一，可以在开发阶段就发现潜在的问题，减少线上问题的出现。但是 eslint 默认的规则并不一定能够满足我们的需求，这时候就需要用到 eslint 的插件了，其中的 eslint-plugin-extended 就是一款非常实用的插件。
在本文中，我们将介绍如何使用 eslint-plugin-extended，让你的项目规范更加严格。
安装
首先我们需要安装 eslint 和 eslint-plugin-extended：
npm i eslint eslint-plugin-extended --save-dev
配置
在安装完 eslint 和 eslint-plugin-extended 之后，我们需要在项目中创建一个 .eslintrc.js 文件，并添加如下配置：
module.exports = {
plugins: [
'extended'
],
extends: [
'plugin:extended/recommended'
]
}这样我们就将 eslint-plugin-extended 引入到了我们的项目中，并且使用了它提供的推荐规则。
使用
接下来我们来看看 eslint-plugin-extended 提供的一些实用规则：
extended/consistent-import
规则名称：consistent-import。
该规则的作用是禁用在一个模块中同时使用 import 和 require 导入模块。
// bad
import React from 'react'
const ReactDOM = require('react-dom')
// good
import React, {ReactDOM} from 'react'extended/no-empty-comment
规则名称：no-empty-comment。
该规则的作用是禁止出现空的注释。
-- -------------------- ---- ------- -- --- -------- ---------- - -- - -- ---- -------- ---------- - -- --- ----- -
extended/no-dupe-class-members
规则名称：no-dupe-class-members。
该规则的作用是禁止类中定义重复的成员，这些成员包括属性和方法。
-- -------------------- ---- ------- -- --- ----- --- - ----- -- ----- -- - -- ---- ----- --- - ----- -- ----- -- -
extended/no-extra-semi
规则名称：no-extra-semi。
该规则的作用是禁止额外的分号。
// bad const name = 'Alice';; // good const name = 'Alice';
extended/no-useless-constructor
规则名称：no-useless-constructor。
该规则的作用是禁止不必要的构造函数。
-- -------------------- ---- -------
-- ---
----- --- -
------------------ -
------------
-
-
-- ----
----- --- ------- --------- -
-------- -
--
-
-总结
在本文中，我们介绍了 eslint-plugin-extended 的使用方法，并且列举了一些常用的规则。在实际开发中，我们可以根据项目的实际情况，自行选用规则，以达到更好的代码规范效果。同时，代码规范的意义是非常重要的，我们应该在项目的开发阶段就尽可能完善代码规范，以减少后续的维护成本和出错率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb683b5cbfe1ea0611553