npm 包 eslint-config-standard-extended 使用教程

前言

在前端开发中，我们经常使用 JavaScript 作为编程语言。为了避免代码质量问题导致的不良影响，我们需要使用 eslint 工具来对代码质量进行检查。

本文将介绍 npm 包 eslint-config-standard-extended 的使用教程，希望能够为前端开发者提供帮助。

简介

eslint-config-standard-extended 是在 eslint-config-standard 基础上进行扩展的 eslint 配置，它包含了更多常见的 eslint 规则。

安装

在使用 eslint-config-standard-extended 前，你需要确保已经安装了 eslint。如果尚未安装，请使用以下命令进行安装：

npm install eslint --save-dev

完成上述操作后，就可以安装 eslint-config-standard-extended：

npm install eslint-config-standard-extended --save-dev

配置

安装完成后，需要在项目中进行配置。

配置文件

首先，需要在项目根目录下创建一个 .eslintrc.json 配置文件。

{
  "extends": [
    "standard-extended"
  ]
}

配置命令

接着，需要在 package.json 文件中配置 lint 命令。

{
  "scripts": {
    "lint": "eslint ."
  }
}

这样，在终端输入 npm run lint 命令即可使用 eslint 工具进行代码检查。

示例代码

下面是一个 JavaScript 文件的示例代码。

function foo () {
  var x = 1
  var y = 2
  console.log(x + y)
}

foo()

使用 eslint 工具进行检查后，会提示以下错误：

  3:7   error  'x' is assigned a value but never used  no-unused-vars
  4:7   error  'y' is assigned a value but never used  no-unused-vars

✖ 2 problems (2 errors, 0 warnings)

这是因为变量 x 和 y 虽然被声明和赋值了，但从未被使用过。为了修复这个问题，可以将代码改为：

function foo () {
  var x = 1
  var y = 2
  return x + y
}

console.log(foo())

再次使用 eslint 工具进行检查，将不会有错误提示。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554f481e8991b448d22a9