前言
在前端开发中，代码规范是非常重要的一点。良好的规范可以使得代码质量更高，可维护性更强，协作更加方便。而 airbnb-standard 则是一个非常受欢迎的代码规范，该规范使用 eslint 进行实现，提供了一套非常好用的 eslint 配置。借助此配置，我们能够更加方便地进行代码规范的检查。本文介绍如何在项目中使用 npm 包 airbnb-standard，持续提升代码质量。
安装
在使用之前，我们需要先安装 airbnb-standard。执行如下命令：
npm install eslint-config-airbnb-base eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y eslint
如果你使用的是 yarn，可以执行如下命令:
yarn add eslint-config-airbnb-base eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y eslint
配置
安装完成后，我们需要在项目的根目录下添加一个 .eslintrc 文件。该文件是 eslint 的配置文件，用于配置插件、扩展、规则等等。
{
"extends": "airbnb-base"
}上述代码表示我们将使用 airbnb-standard 进行代码检查。airbnb-standard 已经将 eslint 扩展配置好，包含 import、react、jsx-a11y 等插件，这些插件已经根据 airbnb 的规范进行了配置。
当然，airbnb-standard 已经帮我们配置好了规范，但如果你想要做出自己的修改，可以参考：eslint 中文文档
如何使用
至此，我们已经完成了 airbnb-standard 的安装和配置。下面介绍如何将其运用到我们的项目中。
在编辑器中运用
如果你使用的是 Visual Studio Code，可以通过以下方式进行配置：
安装 eslint 插件
在设置中配置： "eslint.enable": true
这样，当你在编辑器中写代码时，会自动进行规范检查。如果有不符合规范的地方，将会在编辑器中显示出来。
在 git hook 中运用
除了在编辑器中进行检查以外，我们还可以在 git hook 中设置，将之作为规范检查的必要条件。
我们可以使用 husky 进行配置。
在安装 husky 之后，在项目中的 package.json 中增加以下命令：
{
"scripts": {
"lint": "eslint src/**/**.js"
}
}这个脚本将运行 eslint，并对"src//.js"目录下的所有 JS 文件进行规范检查。
并在项目中，增加如下配置：
{
"husky": {
"hooks": {
"pre-commit": "npm run lint -- --quiet"
}
}
}这样，在每次提交代码时，会根据 eslint 的规范检查代码，如果不符合规范，代码将无法提交。
总结
在本文中，我们详细介绍了如何安装和配置 airbnb-standard，以及在项目中应用它进行代码规范的检查。同时，我们也介绍了在编辑器、git hook 中将其使用起来的方式。我们相信，通过了解和使用 airbnb-standard，我们可以更加方便地进行代码规范的检查，并提升代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057bee81e8991b448eba81