ECMAScript(开发)ESLint – 代码规范

参考文书档案:http://eslint.cn/

ESLint 是在 ECMAScript/JavaScript
代码中分辨和告诉方式匹配的工具,它的指标是确定保障代码的一致性和幸免不当。在比比皆是地点,它和
JSLint、JSHint 相似,除了少数的两样:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的情势
  • ESLint
    是截然插件化的。每3个平整都以三个插件并且你能够在运作时添加越多的条条框框。

  以上来自官网。不想再说下去,反正就是3个代码风格检查和测试工具就对了

 

 

哪些使用

  1. 安装
    >

    npm install -g eslint
    
  2. 如果你首先次利用 ESLint,你无法不运用 –init 命令新建三个布置文件:
    >

    eslint --init
    
  3. 运用 ESLint 检测任何 JavaScript 文件:
    >

    eslint test.js test2.js
    
  4. ESLint 中有的条条框框运作命令它能够帮您活动修复
    >

    eslint test.js --fix
    

 

  5.  忽略 某条 (no-new )规程 : 

     加上注释:  /* eslint-disable no-new */

  

  6.  不经意全部规程 :

     加上注释:  /* eslint-disable */

 

Sublime 安装:

   http://www.tuicool.com/articles/faANRvj

  安装之后的效劳:

  ECMAScript 1

  误用了 = ,在文件保留时就会被唤醒,直接顺手改掉就行了,方便的不得了

 

  

 

  • 步骤2:安装ESLint: npm i -g eslint

  

  • 步骤3::配置eslint,最好把 官方教程 看看,配置出符合本人编制程序习惯的布署文件再好不过了,笔者的配置文件内容如下:

    文件: .eslintrc.json

    内容: 

{
“env”: {
“browser”: true,
“es6”: true,
“node”: true
},
“parserOptions”: {
“sourceType”: “module”
},
“rules”: {
“no-cond-assign”: [2, “always”], //if, while等标准化中不允许使用“=”
“no-constant-condition”: 2,
“no-debugger”: 2, // 程序中不可能冒出debugger
“no-dupe-args”: 2, // 函数的参数名称无法再一次
“no-dupe-keys”: 2, // 对象的天性名称无法再一次
“no-duplicate-case”: 2, // switch的case无法重复
“no-func-assign”: 2,
“no-obj-calls”: 2,
“no-regex-spaces”: 2,
“no-sparse-arrays”: 2,
“no-unexpected-multiline”: 2,
“no-unreachable”: 2,
“use-isnan”: 2,
“valid-typeof”: 2,
“eqeqeq”: [2, “always”],
“no-caller”: 2,
“no-eval”: 2,
“no-redeclare”: 2,
“no-undef”: 2,
“no-unused-vars”: 1,
“no-use-before-define”: 2,
“comma-dangle”: [1, “never”],
“no-const-assign”: 2,
“no-dupe-class-members”: 2
}
}

  • 说到底,把安排好的文本放在你项指标根目录中就足以了,项目中拥有的子文件也会活动使用该配置文件。