可组装的JavaScript和JSX检查工具

ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。

安装eslint

“eslint”: “^4.0.0”,
“eslint-loader”: “^1.8.0”

package.json配置

1
2
3
4
5
6
7
8
9
10
"eslintConfig": {
    "env": {
      "browser": true,
      "es6": true
    },
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module"
    }
  }

.eslintrc.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "parserOptions": {
        "sourceType": "module"
    },
    /* 需要安装 eslint-plugin-vue */
    "plugins": ["vue"],
    "rules": {
        /* 缩进 tab */
        "indent": [
            "error",
            4
        ],
        /* 使用单引号 */
        "quotes": [
            "error",
            "single"
        ],
        /* 分号必须 */
        "semi": [
            "error",
            "always"
        ],
        /* 函数不允许有重复的参数 */
        "no-dupe-args": "error",
        /* 不允许有多余的分号 */
        "no-extra-semi": "error",
        /* 不允许有多余的空格 */
        "no-multi-spaces": "error",
        /* 禁止变量重复声明 */
        "no-redeclare": "error",
        /* 禁止未使用的变量 */
        "no-unused-vars": "error",
        /**
         * 逗号前不可以有空格，逗号后必须有空格。
         * 变量声明：
         * ✅var a = 1, b = 2
         * 数组：
         * ✅[1, 2]
         * 对象：
         * ✅{a: 1, b: 2}
         * 函数参数：
         * ✅function (a, b) {} 
         * ✅fn(1, 2)
         */
        "comma-spacing": [
            "error",
            {
                "before": false,
                "after": true
            }
        ],
        /**
         * 调用函数时，禁止函数名称与括号间的间隔
         * ❎：fn ()
         * ✅：fn()
         */
        // "func-call-spacing": "error",
        /**
         * 对象字面量冒号前不允许有空格，冒号后必须且只有一个空格
         * ✅：{a: 1}
         * ✅：{
         *         a: 1,
         *         b: 2
         *     }
         */
        "key-spacing": [
            "error",
            {
                "beforeColon": false,
                "afterColon": true,
                "mode": "strict"
            }
        ],
        /**
         * 关键字前后各至少一个空格，包括的关键字查看：
         * http://eslint.org/docs/rules/keyword-spacing#rule-details
         */
        "keyword-spacing": [
            "error",
        ],
        /**
         * 变量声明后强制一个空行，生命变量包括使用 var let const 等
         */
        "newline-after-var": "error",
        // 语句块前必须要有空格，语句块只得就是花括号 {}
        "space-before-blocks": "error",
        /**
         * function 关键之与后边第一个圆括号之间必须有空格。包括：匿名函数、命名函数、async修饰的箭头函数
         * ✅：function () {}
         * ✅：function set () {}
         * ✅：class Foo {
         *          constructor () {
         *               // ...
         *          }
         *     }
         * ✅：let foo = {
         *         bar () {
         *               // ...
         *         }
         *     };
         * ✅：let foo = async (a) => await a
         */
        // "space-before-function-paren": [
        //     "error",
        //     {
        //         "anonymous": "always",
        //         "named": "always",
        //         "asyncArrow": "always"
        //     }
        // ],
        // 多元运算符前后要有空格
        "space-infix-ops": "error",
        /**
         * 一元关键字运算符(操作符)后必须有空格：new, delete, typeof, void, yield 等
         * 一元运算符前后不能有空格如：-, +, --, ++, !, !! 等
         * ✅：new Foo();
         * ✅：++foo;
         * ✅：foo--;
         * ✅：-foo;
         * ✅：+"3";
         */
        "space-unary-ops": [
            "error",
            {
                "words": true,
                "nonwords": false
            }
        ],
        // ================================ 以下是 ES6 规范 ================================
        /**
         * 箭头函数中的箭头前后必须各有一个空格
         * ✅：() => 1
         */
        "arrow-spacing": "error",
        /**
         * 继承时子类的 constructor 方法中必须调用 super 方法
         * ✅：class A extends B {
         *         constructor() {
         *             super();
         *         }
         *     }
         */
        "constructor-super": "error",
        // 不允许给常量(const)赋值
        "no-const-assign": "error",
        // 在 constructor 中不允许在 super 方法被调用之前调用 this 或 super 关键字
        "no-this-before-super": "error",
        // 不允许使用 var 声明变量，使用 let 或 const 代替
        "no-var": "error"
    }
};

.eslintignore.js

clientApi
app
components
output
tool
grain