ESlint

1、简介:

eslint检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具

JSHint 和 JSLint 也是静态代码检查工具,但伴随着发展,他们已经无法满足需求,于是ESlint 诞生了,因次ESlint比它们功能更强大也更灵活。

ESLint 是用 Node.js 写的,可以通过 npm 来安装。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。


2、作用

ESlint作为代码检查工具,其作用主要有以下几点:

统一代码风格规则,如:缩进用几个空格;是否用驼峰命名法来命名变量和函数名等。

减少错误, 如:相等比较必须用 ===,变量在使用前必须被声明,在条件语句中不能使用赋值语句等。

提高代码质量,如:函数最多有多少条件分支;最多有几个参数,代码块最多能嵌套多少层等。

其他。如: 禁用alert。这可以提高用户体验,因为 alert 框的外观不是那么好看,而且往往与网站的风格不搭,一般都会自定义 alert 框。


3、安装配置

eslint可以用npm 安装依赖

npminstall-g eslint

然后可以在.eslintrc的文件进行配置:

env: 指定代码的运行环境

globals:额外的全局变量

parserOptions: 指定 JavaScript 相关的选项。ecmaVersion 指定用哪个ECMAScript 的版本,默认是 3 和 5。

rules: 具体检查的规则,不设置则不会检查

<pre>

{  "env":{    "browser":true,    "commonjs":true,    "es6":true},  "parserOptions":{    "ecmaVersion":6},  "rules":{    "indent":["error",2],    "no-mixed-spaces-and-tabs":"error""camelcase":"error",    "eqeqeq":"warn",    "curly":"error",    "no-undef":"error",    "no-unused-vars":"warn",    "max-params":"warn"}}

</pre>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是 ESLint ESLint(中文站点)是一个开源的 JavaScript 代码检查工具,使用 Node.j...
    小肆逸阅读 5,344评论 0 3
  • ESLint 是用 Node.js 写的,可以通过 npm 来安装。ESLint 也可以在 webpack(esl...
    锋_5bdc阅读 5,922评论 0 1
  • ESLint 配置 ESlint 被设计为完全可配置的,这意味着你可以关闭每一个规则而只运行基本语法验证,或混合和...
    静默虚空阅读 41,737评论 3 14
  • EsLint入门学习整理 这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容...
    点柈阅读 26,136评论 3 42
  • 前提:如果没有安装package control,可以参考sublime插件推荐以下按照顺序安装: 安装Subli...
    real勾玉阅读 5,648评论 1 2