EsLint入门学习教程(eslint-plugin)

编辑：rootadmin

推荐整理分享EsLint入门学习教程(eslint-plugin)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:eslint init,eslint-plugin,eslint.js,eslint 教程,eslint init,eslint.js,eslint rules,eslint.js,内容如对您有帮助，希望把文章链接给更多的朋友！

介绍

ESLint 由 JavaScript 红宝书作者 Nicholas C. Zakas 编写，年发布第一个版本。 NCZ 的初衷不是重复造一个轮子，而是在实际需求得不到 JSHint 团队响应的情况下做出的选择：以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。

官方地址： ES6 AngularJS JSX Style检查自定义错误和提示

EsLint提供以下几种校验：

语法错误校验不重要或丢失的标点符号，如分号没法运行到的代码块（使用过WebStorm的童鞋应该了解）未被使用的参数提醒漏掉的结束符，如} 确保样式的统一规则，如sass或者less 检查变量的命名

使用

一、安装

在你的项目目录下，运行：eslint ?init将会产生一个.eslintrc的文件，文件内容包含一些校验规则

其中”semi”和”quotes”是规则名称。EsLint还提供了error的级别，对应数字，数字越高错误的提示越高，如0代码错误不提示、1代表警告提醒但不影响现有编译、2error会抛出错误。

Extends是EsLint默认推荐的验证，你可以使用配置选择哪些校验是你所需要的，可以登录npmjs.com查看

二、自定义配置EsLint

之前提到你可以关掉所有EsLint默认的验证，自行添加所确切需要的验证规则。为此EsLint提供了2个种方式进行设置：

Configuration Comments: 在所要验证的文件中，直接使用Javascript注释嵌套配置信息 Configuration Files: 使用JavaScript、JSON或YAML文件，比如前面提到的.eslintrc文件，当然你也可以在package.json文件里添加eslintConfig字段，EsLint都会自动读取验证。

开始介绍EsLint的用法

parserOptions