介绍
@beisen/eslint-config-beisenux 是用于优化前端代码的 ESLint 配置包，适用于使用了 React 和 TypeScript 的项目。它遵循了严格的标准和最佳实践，能够帮助开发人员在保证代码质量和易读性的前提下提高开发效率。
安装
使用 npm 进行安装：
npm install --save-dev @beisen/eslint-config-beisenux
配置
在项目的 .eslintrc.json 文件中添加以下内容：
{
"extends": [
"@beisen/beisenux"
]
}使用
以 Create React App 项目为例，在 package.json 中添加以下内容：
{
"eslintConfig": {
"extends": ["@beisen/beisenux"]
}
}然后可以开始使用 eslint 命令了。
eslint .
配置项
@beisen/eslint-config-beisenux 预设了一些规则，但你可以在自己项目的 .eslintrc.json 中进行覆盖。以下是可以覆盖的规则：
TypeScript
以下规则是针对 TypeScript 项目的：
-- -------------------- ---- -------
-
---------------- -
---------- -----------------
--
-------- -
------------------------------------- ------
------------------------------------------- -----
--
---------- -
----------------------------------------
--------------------------
--
---------- -
---------------------
-------
-
-React
以下规则是针对 React 项目的：
-- -------------------- ---- -------
-
-------- -
------------------- ------
--------------------------- -
--------
-
------------- ---------
---------- --------------- ---------------
-
-
--
---------- -
---------------------------
-----------------------------
--
---------- -
--------
----------
-
-示例代码
下面是一个简单的 TypeScript 和 React 的组合项目，展示了如何使用 @beisen/eslint-config-beisenux：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
--------- ----- -
----- -------
-
----- ------ --------------- - -- ---- -- -- -
----- ------- --------- - --------------------
----- ----------- - -- -- -
-------------- - ---
--
------ -
--
---
------ ------- --- ------- ------- ------
----
------- --------------------------- ------------
---
--
--
------ ------- ------这个组件使用了 TypeScript 的 interface，React 的 Function Component 和 useState Hook。它还使用了 @beisen/eslint-config-beisenux 内置的禁止显式 any 和禁止非空断言的规则。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/beisen-eslint-config-beisenux