前言
在通过 git 管理代码时，我们经常进行一些 lint & format 操作以保证代码风格统一，这些操作可以通过 lint-staged 工具来实现。而 @fisker/lint-staged-config 就是一个推荐的 lint-staged 配置，该配置提供了针对不同文件类型的配置项，并且支持自定义。
本文将会介绍如何使用 @fisker/lint-staged-config 进行代码风格检查。
安装
在使用 @fisker/lint-staged-config 之前，需要在你的项目中安装 lint-staged 包。
npm install lint-staged --save-dev
接着安装 @fisker/lint-staged-config 包。
npm install @fisker/lint-staged-config --save-dev
配置
安装 @fisker/lint-staged-config 后，需要在 package.json 中配置 lint-staged。
-- -------------------- ---- -------
-
---------- -
------------ -------------
--
-------------- -
------------------------------------------ ---------------------------
--
------------------ -
---------------------------- ---------
-
-在上述代码中，我们将需要进行代码风格检查的文件的后缀名进行了配置，并将要使用的检查规则配置为 fisker-lint-staged-config。
可以看到，使用 @fisker/lint-staged-config 非常简单，只需要在 lint-staged 中的格式定义中加入 fisker-lint-staged-config，即可使用该配置文件了。
自定义规则
除了使用默认规则外，我们还可以自定义不同类型文件的规则。
以 JavaScript 为例，如果我们想在每次提交代码前，都强制要求进行 TypeScript 风格检查，我们只需要配置 .js 文件对应的检查命令即可。
-- -------------------- ---- -------
-
---------- -
------------ -------------
--
-------------- -
------------- -
------- ------- -- ---- --- ---- --- ------- ---- ------
---- -------- ---------------- -- ------ ---------- -----
---- ---- -- --- --- ------- -- -------
--
-------------------------------- ---------------------------
--
------------------ -
---------------------------- ---------
--------- ----------
------------- --------
-
-可以看到，我们只需要将 *.js 对应的 lint 命令和 TypeScript 检查命令进行配置即可。
总结
在本篇文章中，我们介绍了如何使用 @fisker/lint-staged-config 进行前端代码风格检查，并且提供了自定义规则的示例。
通过精心配置 lint-staged 和使用 @fisker/lint-staged-config，可以有效提高代码质量和项目可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc2a8b5cbfe1ea06120c3