Eslint初步學習

ESLint是什么

ESLint 是一個ECMAScript/JavaScript 語法規(guī)則和代碼風格的檢查工具，它的目標是保證代碼的一致性和避免錯誤。（可以自定義配置）

ESLint標準規(guī)則安裝

注意：安裝過程使用cmd進入項目根目錄進行安裝

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

之后在項目的根目錄下創(chuàng)建.eslintrc.js文件（可以利用WebStorm創(chuàng)建）

配置文件的內容如下：

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就配置好了