要想了解ESLint ,要来先了解一下package.json .
要想了解package.json ,要来先了解一下npm .
NPM介绍
介绍 ： node package manager (node 的包管理器) 一个命令行管理工具
主要功能 ： 管理node 包， 包括安装、卸载、更新、查看、搜索、发布等
eg :npm install 就是更新package.json 配置文件里的包，以及这个包所依赖的包信息
【备注 ： 通过npm install xxx 下来的都是一个包】
Package.json
简介： package.json 是一个描述了一个npm包信息的配置文件，格式必须是严格的JSON格式。
通常我们在创建npm程序的时候，可以使用npm init 命令，
自动生成一个package.json文件, 里面最重要的是name和version这两个字段，
也是发布到npm平台上的唯一标识，如果没有正确设置这两个字段，包就不能发布和被下载。
npm init
下面是官方给出的一些建议:
名字里不要再包含"js"和"node"，因为默认NPM包就是node.js程序，不过你可以通过engines字段来指定。
名字将会被作为url的一部分，所有要符合http url的一般命名规则，不能包含url非法字符，也不能以.和_开头。
名字也将作为require()命令的参数，所以应该尽量简明。
如果包要发布到NPM平台上的话，最好先检查下有没有重名, 并且字母只能全部小写。
新版本的NPM可以指定scope, 名字可以加前缀标识，如@ijse/mypackage。
ESlint
背景： JSHint 不支持React JSX 语法，虽然有JSXHint这样的 JSHint 衍生工具，但是不是以插件的方式，不喜欢所以有了ESlint（要慢一下，但是兼容React JSX 语法）。
介绍 ： ESlint 是用来避免低级错误和统一代码的风格。被设计为可配置的
1. 在package.json中添加eslintConfig配置块；
2. 使用.eslintrc文件（支持 JSON 和 YAML 两种语法）；
3.直接在代码文件中定义(图6)
一、安装
1.npm install -g eslint
二、使用方法
如果你的项目还没有配置文件（.eslintrc）的话，可以通过指定eslint--init参数来生成一个新的配置文件【备注 ： 第一次安装的时候，如果是在没有package.json的文件夹下init,他会认为你当前的文件夹不是一个包，需要新建一个package.json。之后再执行eslint--init】
1.eslint --init
2.init 一个package.json文件
3.eslint --init
三、配置【建议用1】
1.运行eslint --init后，会在当前目录下生成一个.eslintrc文件，你可以在这个文件中配置一些规则。
默认情况，可以自己添加
rules中的错误等级有三种：范围在【1,4】
0：不提示 ||||| 1：一个警告 |||||| 2：作为一个错误抛出
可以包括Strict模式、也可以是code的方式提醒，如符号等。还可以是第三方的校验，如react。
"extends": "eslint:recommended" ：：Extends是EsLint默认推荐的验证，你可以使用配置选择哪些校验是你所需要的，可以登录npmjs.com查看
2.在package.json中配置
3.在文件中配置，禁用全部，禁用一条等
图6
ESlint规则说明配置参考 ： http://blog.csdn.net/helpzp2008/article/details/51507428
rules 官网 ： http://eslint.org/docs/rules/
参考文章 ： http://www.cnblogs.com/fanyegong/p/5302960.html
网友评论