介绍
在前端开发过程中，代码风格的一致性是非常重要的，而 eslint 是一个能够帮助大家规范代码风格的开源工具。在 eslint 中通过安装不同的配置包可以实现不同的代码风格规范，而 eslint-config-acando 是其中一个非常不错的选择，它是由瑞典一家名为 Acando 的公司开发的 eslint 配置包，针对项目较少的情况下能够规范前端代码风格，使用方便，是一个非常不错的 eslint 配置包。
安装
首先，你需要有 Node.js 环境，假设你已经安装 Node.js，下面是安装 eslint-config-acando 的命令：
npm install eslint-config-acando --save-dev
配置
然后，在项目的根目录下创建名为 .eslintrc.json 的文件，并添加以下内容：
-- -------------------- ---- -------
-
---------- -
---------------------
-----------------------
-------------------------
------------------------------
---------------------------
------------------------------
-----------------
-------------------
--
------ -
---------- -----
------ -----
------- ----
-
-这里我们使用了 eslint:recommended，plugin:import/errors，plugin:import/warnings，plugin:jsx-a11y/recommended，plugin:react/recommended，plugin:prettier/recommended 等规范，这些规范可以帮助我们覆盖大部分的前端代码中可能遇到的问题，同时也是保持代码规范的常用规则。
如果项目中使用到了 Typescript，可以根据需要添加以下规范：
-- -------------------- ---- -------
-
---------- -
---------------------
----------------------------------------
-----------------------
-------------------------
------------------------------
---------------------------
------------------------------
-----------------
-------------------
--
------ -
---------- -----
------ -----
------- ----
--
--------- ----------------------------
---------------- -
--------------- -
------ ----
-
-
-以上配置规范可以帮助我们保证代码质量和规范。
使用
安装和配置完成后，我们就可以使用eslint-config-acando对代码进行检测了。在项目根目录下使用以下命令即可：
npx eslint yourfile.js
这里建议最好添加到 package.json 中的 scripts 中，例如：
{
"scripts": {
"eslint": "npx eslint src/**/*.{js,ts,tsx}"
}
}然后在命令行中运行 npm run eslint 即可检测你的代码。
结束语
eslint-config-acando 可以帮助我们在前端开发过程中检测代码质量和规范，是一个非常好用的 npm 包。不同的 eslint 配置包适用的场景不同，需要根据项目实际进行选择。如果你想规范前端代码风格并且对 eslint 还不够熟悉的话，建议你使用 eslint-config-acando 开始。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f76f8f67116197505561ab1