什么是 eslint-config-pidev
eslint-config-pidev 是一个我们团队内部使用的 eslint 配置包，提供了一些在前端项目中常用的 eslint 配置规则，并对一些特殊情况进行了定制化的规则设置。
安装
要使用 eslint-config-pidev，首先需要在你的项目里先安装 eslint。如果你的项目里已经安装了 eslint，可以直接在终端中使用以下命令安装 eslint-config-pidev：
npm install eslint-config-pidev --save-dev
配置使用
在你的项目根目录新建 .eslintrc.js 文件，并在其中添加以下内容：
-- -------------------- ---- -------
-------------- - -
-------- ------------------------
------ -
-- ------------------------
--
-------- -
-- -----------
-
-注意，extends 这里应该填写 eslint-config-pidev，不是 pidev。如果你的项目需要覆盖某些规则，可以在 rules 中单独设置。globals 中可以定义全局变量，以避免 eslint 报错。
配置项解析
eslint-config-pidev 包含了以下配置项：
规则
- indent：强制使用一致的缩进，采用 2 个空格。
- linebreak-style：强制使用一致的换行风格，采用 LF。
- quotes：强制使用一致的反引号、双引号或者单引号。
- semi：要求在语句末尾使用分号。
- no-console：禁用 console。
- no-unused-vars：禁止出现未使用过的变量。
- no-debugger：禁用 debugger。
- no-alert：禁用 alert、confirm 和 prompt。
- no-return-assign：禁止在 return 语句中使用赋值语句。
- no-use-before-define：禁止在变量定义之前使用它们。
- no-undef: 禁止使用未定义的变量。
环境
- browser: 前端环境。
- es6: 开启 es6 语法支持。
其他
- ecmaFeatures：指定你的代码需要支持的 ECMAScript 版本，使用 es6。
- parserOptions：指定解析器支持的语法，使用 babel-eslint。
示例代码
以下是一段使用了 eslint-config-pidev 的示例代码：
-- -------------------- ---- -------
------ --- ---- -----
------ ------- -
------ -
------ -
-------- ------ --------
-
--
--------- -
-------------------------
--
-在上述代码中，我们使用了 Vue.js，并在组件的 created 钩子函数中打印了对象的 message 属性。如果我们使用了 eslint-config-pidev 对应的规则配置，我们就不需要再手动添加规则了，直接写代码就可以了。
结论
eslint-config-pidev 是一个方便且强大的 eslint 配置包。可以幸运地使用这个配置包，能够节省很多时间和精力。希望此文能够对你在前端开发中使用 eslint-config-pidev 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005608581e8991b448deb9c