位置: 编程技术 - 正文
推荐整理分享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
EsLint通过parserOptions,允许指定校验的ecma的版本,及ecma的一些特性
Parser
EsLint默认使用esprima做脚本解析,当然你也切换他,比如切换成babel-eslint解析
Environments
Environment可以预设好的其他环境的全局变量,如brower、node环境变量、es6环境变量、mocha环境变量等
如果你想使用插件中的环境变量,你可以使用plugins指定,如下
Globals
指定你所要使用的全局变量,true代表允许重写、false代表不允许重写
Plugins
EsLint允许使用第三方插件
Rules
自定义规则,一般格式:”规则名称”:error级别系数。系数0为不提示(off)、1为警告(warn)、2为错误抛出(error),可指定范围,如[1,4]
可以包括Strict模式、也可以是code的方式提醒,如符号等。还可以是第三方的校验,如react。
默认校验的地址 , 此链接是react的eslint使用
三、Gulp中使用
总结
标签: eslint-plugin
本文链接地址:https://www.jiuchutong.com/biancheng/376053.html 转载请保留说明!友情链接: 武汉网站建设