Question

请教如何在phpStorm中配置eslint

Answer 1

我就是在后盾人看见老师说这样讲的一、ESLint跟JSLint和JSHint类似，但有以下区别：
1.使用Espree进行js解析(parse)
2.用AST抽象语法树去识别(evaluate)代码中的模式3.每个规则都是独立的插件
二、安装
全局安装：
npm install -g eslint
三、使用
如果是第一次使用，eslint --init 命令帮你完成初始化，生成.eslintrc文件然后eslint test.js test2.js
四、配置
{
"rules": {
"semi": ["error", "always"],
"quotes": ["error", "double"]
}
}
提示有三个level：
"off" or 0 - 关闭这个规则校验
"warn" or 1 - 开启这个规则校验，但只是提醒，不会退出"error" or 2 - 开启这个规则校验，并退出
五、常见问题
1.为什么不用jslint
创建eslint是因为急需插件化的校验工具
2.ESLint跟JSHint、JSCS的比较
ESLint比JSlint要慢2~3倍，因为ESLint在识别代码前需要用Espress构建AST,而JSHint在解析的时候就会识别代码。虽然慢些，但不至于成为痛点。
ESLint比JSCS快，（as ESLint uses a single-pass traversal for analysis whereas JSCS using a querying model.）3.ESLint仅仅是校验还是也检查代码风格ε=ε=ε=(ﾉ*~㉨~)ﾉε=ε=ε=(ﾟ㉨ﾟﾉ)ﾉ