使用 npx eslint src 进行代码风格检查

什么是 npx eslint？

npx 是 Node.js 8.2.0 版本中引入的一个命令行工具，后来被独立出来，它可以帮助我们在不全局安装 Node.js 模块的情况下执行它们的命令行工具。比如，在终端中执行 npx create-react-app my-app 会自动下载并执行 create-react-app 工具，而不需要我们先全局安装。

eslint 是一个 JavaScript 代码检测工具，它可以帮助我们检测代码中的潜在问题和风格错误，以提高代码质量和可读性。

如何使用 npx eslint src？

假设我们有一个项目也叫做 my-app，其中所有的 JavaScript 代码都在 src 目录下。我们需要检测这些代码的风格是否符合我们约定的规范，可以使用以下命令：

npx eslint src

这会在终端中输出检测结果，并且会告诉我们哪些文件哪些行有问题。

我们也可以将该命令添加到 package.json 中的脚本中，以方便地运行它：

{
  "scripts": {
    "lint": "eslint src"
  }
}

这样，我们就可以通过以下命令来检测代码风格：

npm run lint

怎样配置 eslint？

可以通过 .eslintrc 文件来配置 eslint 的参数和规则。这个文件可以放在项目根目录或者子目录中，这样就可以根据不同的目录和文件类型来配置不同的 eslint 规则。

以下是一个简单的 .eslintrc 文件示例：

{
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 2018
    },
    "rules": {
        "semi": ["error", "always"],
        "quotes": ["error", "double"]
    }
}

其中：

• extends 表示继承已有的 eslint 规则集，这里我们继承了官方的推荐规则。
• parserOptions 表示语法解析器的参数，这里我们指定支持 ECMAScript 2018。
• rules 表示我们要检测的规则和它们的严重级别，这里我们规定了每个语句必须加上分号并使用双引号。

总结

使用 npx eslint src 风格检查工具可以帮助我们快速地发现代码中的风格问题和错误，以提高代码质量和可读性。我们可以通过配置 .eslintrc 文件来灵活地配置 eslint 规则，以达到满足项目需求的检测效果。