前言：本文主要介绍如何使用 npm 包 eslint-config-shellthor 进行前端代码质量检查。
什么是 eslint-config-shellthor
eslint-config-shellthor 是一个可以帮助前端工程师进行代码质量检查的 npm 包。这个包基于 eslint，提供了符合 Shellthor 团队编码规范的规则。
安装
在命令行中输入以下命令安装 eslint-config-shellthor：
npm install --save-dev eslint eslint-config-shellthor
如果您使用的是 yarn 包管理器，请输入以下命令：
yarn add eslint eslint-config-shellthor --dev
配置
安装完 eslint-config-shellthor 后，通过修改 .eslintrc 文件来启用规则。
新建 .eslintrc 文件，将以下配置添加到文件中：
{
"extends": "shellthor"
}使用
运行以下命令，即可对您的代码进行规范检查：
npx eslint yourfile.js
常用配置
检查多个文件
如果您需要对多个文件进行检查，可以在命令行中指定文件路径：
npx eslint file1.js file2.js
您也可以使用通配符来指定多个文件：
npx eslint *.js
自动修复
eslint 支持自动修复代码中的错误。如果您需要自动修复代码中的错误，可以使用以下命令：
npx eslint --fix yourfile.js
配置忽略文件
如果您需要忽略某些文件，可以在 .eslintignore 文件中指定文件名或文件路径。例如，以下内容将忽略所有以 .test.js 结尾的文件：
*.test.js
示例代码
以下是一个不符合 Shellthor 团队编码规范的示例代码：
function add(a, b) {
console.log(a+b);
}运行 eslint 命令后，您将看到以下输出：
/path/to/your/file.js 2:3 error Expected indentation of 2 spaces but found 4 indent ✖ 1 problem (1 error, 0 warnings)
同时，您也将看到一个错误提示，指出代码的错误原因和位置。按照提示修复代码后，您会发现代码更符合 Shellthor 团队的编码规范。
结语
使用 eslint-config-shellthor 可以帮助前端工程师规范代码，提高代码质量。希望这篇文章对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60057bc181e8991b448eb9b5