ESLint初步学习与使用

Eslint初步学习

ESLint是什么

ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具，它的目标是保证代码的一致性和避免错误。（可以自定义配置）

ESLint标准规则安装

注意：安装过程使用cmd进入项目根目录进行安装

npm install --save-dev eslint babel-eslint eslint-config-alloy

之后在项目的根目录下创建.eslintrc.js文件（可以利用WebStorm创建）

配置文件的内容如下：

module.exports = {
    extends: [
        'eslint-config-alloy',
    ],
    globals: {
        // 这里填入你的项目需要的全局变量
        // 这里值为 false 表示这个全局变量不允许被重新赋值，比如：
        //
        // jQuery: false,
        // $: false
    },
    rules: {
        // 这里填入你的项目需要的个性化配置，比如：
        //
        // // 一个缩进必须用两个空格替代
        // 'indent': [
        //     'error',
        //     2,
        //     {
        //         SwitchCase: 1,
        //         flatTernaryExpressions: true
        //     }
        // ]
    }
};

在WebStorm配置

1. 首先先打开File->settings

2. 搜索ESlint->选择Automatic ESLint configuration

依次选择Node安装文件、ESLint安装文件和eslint文件的路径

这样在WebStorm的Eslint就配置好了