eslint简介

5人阅读 评论(0) 收藏 举报
分类:

1、简介:

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

  • JSHintJSLint 也是静态代码检查工具,但伴随着发展,他们已经无法满足需求,于是ESlint 诞生了,因次ESlint比它们功能更强大也更灵活。
  • ESLint 是用 Node.js 写的,可以通过 npm 来安装。ESLint 也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。

2、作用

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

  • 统一代码风格规则,如:缩进用几个空格;是否用驼峰命名法来命名变量和函数名等。
  • 减少错误, 如:相等比较必须用 ===,变量在使用前必须被声明,在条件语句中不能使用赋值语句等。
  • 提高代码质量,如:函数最多有多少条件分支;最多有几个参数,代码块最多能嵌套多少层等。
  • 其他。如: 禁用alert。这可以提高用户体验,因为 alert 框的外观不是那么好看,而且往往与网站的风格不搭,一般都会自定义 alert 框。

3、安装&配置

eslint可以用npm 安装依赖

npm install -g eslint

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

  • env: 指定代码的运行环境
  • globals:额外的全局变量
  • parserOptions: 指定 JavaScript 相关的选项。ecmaVersion 指定用哪个ECMAScript 的版本,默认是 3 和 5。
  • rules: 具体检查的规则,不设置则不会检查
{
  "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"
  }
}
查看评论

ESLint简介

一、Eslint介绍 http://eslint.org/docs/user-guide/configuringESLint由 JavaScript 红宝书 作者 Nicholas C.Zakas...
  • mao834099514
  • mao834099514
  • 2017-12-12 17:32:49
  • 447

phpstorm使用经验

新建项目时在scan file to index时卡死原因:是因为node-modules文件夹中文件过多造成的 解决办法:在新建项目时将node-modules这个文件夹排除 如果上面办法不...
  • advance100
  • advance100
  • 2017-10-31 08:01:35
  • 492

webstrom eslint插件

  • 2018年04月21日 18:04
  • 204KB
  • 下载

ESLint (一)简介与安装

一、关于ESLint 是一个由 Nicholas C. Zakas 于 2013 年 6 月创建的开源 JavaScript linting 实用程序。codelinting 是一种静态分析,常用于查...
  • destinytaoer
  • destinytaoer
  • 2017-11-30 22:51:28
  • 70

ESLint (二)配置文件

一、配置方式 注释形式:使用 JavaScript 注释将配置信息直接嵌入到文件中 文件形式 .eslintrc.js .eslintrc.yaml 或者 .eslintrc.yml .eslint...
  • destinytaoer
  • destinytaoer
  • 2017-11-30 22:52:16
  • 474

去除eslint

{ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('t...
  • qq_21423689
  • qq_21423689
  • 2017-11-27 09:26:35
  • 224

webstorm nodejs ESLint 简单配置

ESLint 简介在团队协作中,为避免低级 Bug、产出风格统一的代码,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。在以前的项目中,我们选择 ...
  • whitehack
  • whitehack
  • 2016-09-03 13:54:38
  • 22881

Eslint 规则说明

"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用数组构造器 "no-bitwise": 0,//禁止使...
  • helpzp2008
  • helpzp2008
  • 2016-05-26 15:03:56
  • 45151

EsLint入门学习整理

这两天因为公司要求,就对ESLint进行了初步的了解,网上的内容基本上都差不多,但是内容有些乱,我这呢,就跟着大部分的文章,以及官方文档整理出了一篇入门学习的文字,技术点不算特别全,但是对于新手的我来...
  • aaa333qwe
  • aaa333qwe
  • 2017-09-09 09:34:24
  • 5373
    个人资料
    持之以恒
    等级:
    访问量: 7424
    积分: 573
    排名: 9万+