ECMAScript(开发)ESLint – 代码规范

参照文档:http://eslint.cn/

ESLint 是在 ECMAScript/JavaScript
代码中分辨与晓模式匹配的家伙,它的目标是承保代码的一致性与免不当。在博者,它和
JSLint、JSHint 相似,除了少数之不比:

  • ESLint 使用 Espree 解析 JavaScript。
  • ESLint 使用 AST 去分析代码中的模式
  • ESLint
    是了插件化的。每一个条条框框都是一个插件而你可以当运转时补充加更多之平整。

  以上自官网。不思再说下去,反正就是一个代码风格检测工具就对了

 

 

什么样采取

  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

  误用了 = ,在文书保留时就是会见让唤起,直接顺手改掉就执行了,方便之慌

 

  

  • 步骤1:Sublime集成 ESLint 需要少单插件 SublimeLinter 和 SublimeLinter-contrib-eslint ;直接以Package
    Controll中装置就哼

 

  • 步骤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
}
}

  • 末段,把部署好的文件在你种之到底目录中尽管可以了,项目蒙负有的子文件也会见活动使用该配置文件。