ESLINT

angularjs

前言

团队开发项目中，保障代码风格相同，是避免后续出现维护性问题的第一步。所以选择eslint作为检测工具。相对优势在于可定制，面向ES6。

选项配置

• 配置注释
• 配置文件

在项目中使用，

eslint --init;

配置文件命名方式为.eslintrc.*，后缀推荐为json, yaml。

配置文件中主要为三个配置项：

• Environments - 不同环境存在不同环境变量
• Globals - 全局变量
• Rules - 详细规则
• extends: eslint:recommended 一般此项即可满足

全局变量

/* global var Map, var Set */
/* 如果限定全局只读 */
/* global var Map:false, var Set:false */
var storage = new Map();
var seriel = new Set();

环境变量

一般不建议在代码中声明代码执行环境。

/* eslint-env protractor */

代码检测开关

可以对代码是否检查做出调整，作用域范围有行与块。

// 休眠当前行所有规则
console.log('hello world'); // eslint-disable-line 
// 休眠当前行部分规则
console.log('hello world'); // eslint-disable-line no-console
// 休眠下一行所有规则
// eslint-disable-next-line 
console.log('hello world'); 
// 休眠下一行部分规则
// eslint-disable-next-line no-console
console.log('hello world'); 
// 休眠块级所有规则
/* eslint-disable */
// 休眠块级部分规则
/* eslint-disable no-console */

规则配置

如果只有一个参数，参照如下：

/* eslint eqeqeq: "off", curly: "error" */
var comparation = undefined;
conparation == null;

如果多个参数，用中括号包含

/* eslint quotes: ["error", "double"] */
var name = "bornkiller";