前言
作为前端开发人员，最常见的问题之一就是保持代码的规范性，使用一些语法空降、自动化工具等等可以让我们在开发的时候更加便利，能够避免一些常见的问题，增加代码的可读性、可扩展性和可维护性。
其中之一就是 eslint，如果你之前从未使用过 eslint，那么可能你的代码质量还不能达到真正的高水平。eslint 可以帮助你发现你的代码中存在的问题，同时还会给你一些推荐的解决方案。
本文将介绍一个 npm 包 @smartshallot/eslint-config-base，该包主要是提供一些基础的配置信息，让你可以更快地在你的项目中使用 eslint，并且可以满足常见的编码规范要求。
安装
要安装该包，只需简单的在终端中输入以下命令：
npm install --save-dev @smartshallot/eslint-config-base
使用了 --save-dev 选项是因为我们不希望将这些东西打包进我们的最终构建结果中。同时，因为这是一个开发依赖项，我们也不希望用户报告在安装您的软件包时出现问题，因为它们尝试安装您的开发依赖项。
配置
当我们安装了该包之后，我们可以配置它来对我们的项目进行 eslint 规范。
我们首先需要在我们项目的根目录中添加一个名为 .eslintrc 的文件。在该文件中，我们可以指定我们要使用哪些规则，以及我们要检查哪些文件。
{
"extends": "@smartshallot/eslint-config-base",
"rules": {
// 自定义规则
},
"ignorePatterns": ["**/vendor/**", "**/node_modules/**"]
}在上述的配置中，我们使用 "extends": "@smartshallot/eslint-config-base" 来指定我们需要使用哪些规则。因为我们希望使用 @smartshallot/eslint-config-base 中提供的“基础”配置，所以我们将其作为一个“扩展”来使用。我们也可以在该文件中定义我们自己的规则或者禁用一些规则。
另外，我们还可以配置 "ignorePatterns"来指定哪些文件不需要被 eslint 自动检测。
示例
下面是一个使用该包的示例代码：
// example.js
const greeting = () => {
console.log("Hello, World!");
};
greeting();当我们在终端中执行 eslint example.js 命令的时候，我们将会看到以下的检查结果：
✖ 3 problems (3 errors, 0 warnings) 2:27 error Missing semicolon semi 4:15 error Strings must use single quotes 4:29 error Extra semicolon no-extra-semi
由于我们的代码中存在三个问题，所以 eslint 会给出 3 个错误的提示。
我们的第一个问题是 "Missing semicolon"，也就是说，我们在第二行的结尾处漏掉了分号。这是 eslint 强制执行的标准 JS 语义。
我们的第二个问题是 "Strings must use single quotes"，也就是说，我们在第四行使用了错误的引号符号。根据我们在 .eslintrc 文件中的配置，我们需要使用单引号来代替双引号。
最后一个问题是 "Extra semicolon"，也就是说，我们在第四行的代码末尾添加了多余的分号。eslint 是一个非常严格的语法空降规范，如果你添加了不必要的标点符号，它会视为一个错误。
总结
@smartshallot/eslint-config-base 是一个非常有用的 eslint 配置工具，它提供了一些基础的规则，使你的 JavaScript 代码更加规范、易读、可扩展和易于维护。
当你下次写 JavaScript 代码时，记得使用 eslint 并配置 @smartshallot/eslint-config-base，这将使你的代码更加规范化，并且可以避免很多潜在的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d630d0927023822c79