前端面试之eslint

    大家好，我是hongi，谈到eslint，新手的第一反应：“当然是从依赖中删除他啦”；没错，eslint乍一看确实有点烦躁，一行行警告让人痛不欲生，这一切的一切都是由于浮躁，速成的思想导致的，所以今天我们慢慢的来了解下eslint，让你在前端开发中游刃有余；

    ESLint最初是由 Nicholas C Zakas于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。   

  1全局安装 ： npm install -g eslint

   安装完之后看下自己的package.json,我的是6.8.0版本

 

2 初始化  eslint --init 

按照提示配置自己的eslint，如图,流程完成之后,会生成一个eslint配置文件，.eslintrc.json或

.eslintrc.js，这些都取决于你刚才的选择

上述两步完成之后，我们的eslint就算安装好了，那么如何使用呢？

假设src目录下的test文件夹下有个文件叫test.js,如图

只要运行eslint ./src/lib/test.js ,就可以检测出你代码书写不规范的地方

那么什么是规范，什么是不规范，不要急，我们好好看下配置文件

rules这个地方就是专门用来配置规范的地方，大家也可以到这里自行查阅

    rules里面每个配置项有三个选项，如果你的配置文件是.eslintrc.json，那么三个选项分别是“off”,"warn","error"，如果你的配置文件是.eslintrc.js ,那么三个选项是0,1,2,分别表示关闭，警告，报错；举个例子

"rules":{

"arrow-spacing":"1"

},

表示如果你代码中箭头函数的箭头前后不加空格，就会提示警告