Eslint相关知识和配置大全

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

代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，并且不依赖于具体的编码风格。

ESLint 可以让程序员在编码的过程中发现问题而不是在执行的过程中。

ESLint 使用 Node.js 编写，这样既可以有一个快速的运行环境的同时也便于安装。

一. 环境配置

在npmjs.com内查询 eslint 可以发现

目前最新版Eslint@5.4.0，安装条件

Prerequisites: Node.js (>=6.14), npm version 3+.

 如果想检测vue组件的语法，需要  eslint-plugin-vue 

ESLint >=3.18.0.

>=4.7.0 to use eslint --fix.

>=4.14.0 to use with babel-eslint.

Node.js >=4.0.0

首先安装符合要求的node和npm版本，安装yarn（建议通过msi文件全局安装）

 

二. 配置校验规则

在根目录下新建 .eslintrc.js 文件, 亦可以 eslint --init 生成：

module.exports = { "root": true, "env": { "browser": true, "commonjs": true, "es6": true }, "extends": [ "eslint:recommended" ], "parserOptions": { "sourceType": "module" }, "rules": {"indent": [ "error", 4 ], "linebreak-style": [ "off" ], "semi": [ 2, "always" ], "no-console": [ "off" ] } };