什么是 eslint-config-wyze
eslint-config-wyze 是一个 eslint 配置规则集合，基于 Airbnb 的 javascript 规范进行定制化，适用于中大型前端项目开发，能够帮助我们进行代码质量检测以及规范。
安装 eslint-config-wyze
在使用 eslint-config-wyze 之前，需要先安装 eslint，如果您还没有安装，可以使用以下命令进行安装。
npm install eslint --save-dev
在安装好了 eslint 之后，就可以安装 eslint-config-wyze 了。
npm install eslint-config-wyze --save-dev
使用 eslint-config-wyze
使用 eslint-config-wyze 配置文件需要进行以下几个步骤。
创建配置文件
在项目中新建 .eslintrc.js 文件。
touch .eslintrc.js
配置文件内容
在 .eslintrc.js 文件中，我们需要配置方式如下：
module.exports = {
extends: 'eslint-config-wyze',
rules: {
// 此处为 eslint 配置规则，可以按照自己的需求进行添加
}
}其中，extends 表示我们要继承的配置规则集合，就是我们安装的 eslint-config-wyze。
集成到 npm scripts 中
在 package.json 文件中，我们可以添加以下脚本。
"scripts": {
"lint": "eslint src"
},使用 npm run lint 命令就可以对 src 目录中的文件进行 eslint 验证了。
案例
这里写出一个常见 eslint 配置的实例，可以供大家参考。
-- -------------------- ---- -------
-------------- - -
-------- ---------------------
------ -
----------------- --------- - ----- ------ ---
------------- ------
-------------- --------- - -------------------------- ---- ---
----------------------- -
--------
-
--------- ---------------------
-------- ---- ----- -------- -- --------- --- - ------ ----------
--
-
--------- -----------------
-------- ------ --- ----------- --- ---------------------------- ----------
--
-
--------- -------------------
-------- ------- --- - ---- -- ----- ----- ---- ----- ---- --------- --- ---- -- -------- --- -------------
--
-
--------- ----------------
-------- ------- -- ---------- -- ------ ---- ------- -- ----- ---- ---------- -- ------- --- -----------
--
--
--
--总结
eslint-config-wyze 可以帮助我们规范代码，减少在项目中出现的常见技术问题，提升代码质量，建议大家在项目开发中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedab7ab5cbfe1ea06107a1