Eslint 从入门到放弃
来源:互联网 发布:部落冲突苍蝇升级数据 编辑:程序博客网 时间:2024/05/19 20:43
前言
ESLint 由 JavaScript 红宝书 作者 Nicholas C. Zakas 编写, 2013 年发布第一个版本。 NCZ 的初衷不是重复造一个轮子,而是在实际需求得不到 JSHint 团队响应 的情况下做出的选择:以可扩展、每条规则独立、不内置编码风格为理念编写一个 lint 工具。
中文官方网站
英文官方网站
可以去上方网站进行相关资料查阅,长话短说,直接开始入门吧~
安装
建议采用全局安装方式
- 1
初始化
如果你的项目还没有配置文件(.eslintrc)的话,可以通过指定–init参数来生成一个新的配置文件:
- 1
运行eslint –init后,会在当前目录下生成一个.eslintrc文件,你可以在这个文件中配置一些规则。
配置
ESLint被设计为完全可配置的,主要有两种方式来配置ESLint:
- 内嵌配置:将配置信息以注释的形式写在要检验的文件内
- 文件配置:利用javascript、json、yml语言的语法,生成名为.eslintrc.*的配置文件,将配置信息写到文件内
文件配置方式
env:你的脚本将要运行在什么环境中
Environment可以预设好的其他环境的全局变量,如brower、node环境变量、es6环境变量、mocha环境变量等
- 1
- 2
- 3
- 4
- 5
globals:额外的全局变量
示例:
- 1
- 2
- 3
- 4
rules:开启规则和发生错误时报告的等级
示例:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
规则的错误等级有三种:
- 1
- 2
- 3
- 4
参数说明:
参数1 : 错误等级
参数2 : 处理方式
- 1
上述配置只是简要将最基本的一些配置罗略出来,如果有需要建议去上方官网中查看。
配置代码注释方式
有时我们可能要在代码中忽略eslint的某种检查,或者加入某种特定检查,此时我们可以用如下的方式:
示例:
- 忽略 no-undef 检查
- 1
- 忽略 no-new 检查
- 1
- 设置检查
- 1
- 2
eslint 检查指令
- 检查且修复
- 1
- 检查指定文件
- 1
开发工具上的使用
WebStorm
Preferences -> Languages & Frameworks -> JavaScript -> Code Quality Tools -> Eslint -> Enable (勾选) -> Apply -> OK
Atom
安装linter-eslint
Sublime
安装SublimeLinter
安装SublimeLinter-contrib-eslint
结语
Eslint 对于每一个开发者而言都是非常值得使用的,这样会强制你写出高质量且整洁的代码,所以建议无论大家是前端开发者、weex开发者、还是小程序开发者都建议大家讲Eslint集成进入,来提高项目的质量。
- Eslint 从入门到放弃
- Eslint 从入门到放弃
- Freemarker 从入门到放弃
- kmp从入门到放弃
- Dagger2从入门到放弃
- 推送 从入门到放弃
- 推送 从入门到放弃
- Python从入门到放弃
- vim从入门到放弃
- JAVA 从入门到放弃?
- markdown从入门到放弃
- Mycat从入门到放弃
- C++从入门到放弃
- Volatile从入门到放弃
- c++ 从入门到放弃
- git从入门到放弃
- Volatile从入门到放弃
- Volatile从入门到放弃
- JavaScript实现阿拉伯数字和中文数字互相转换
- js验证汉字正则表达式
- SSIS(简单数据抽取过程介绍)
- javascript在闭包中使用this对象
- Eclipse快捷方式
- Eslint 从入门到放弃
- Angular表达式
- PHP_notes_03
- 修改CentOS7的主机名以及密码
- czl蒟蒻的模板库8——单调队列
- 使用第三方APPKey授权 跳转登录 QQ
- 一代、二代、三代测序技术原理与比较
- Java数据结构之阻塞队列(3)
- PHP_notes_04