eslint的安装和配置（webstorm）

在网上搜了许多了资料，发现并没有解决eslint个别的差异，所以在这里做一个记录，方便后来查阅

 

 

step1:安装node环境，这里不赘述，如果没有安装的话就百度一下。

 

step2:安装eslint，我使用的是powershell，输入npm install eslint -g，对eslint进行全局安装

　　

　　结果是如下，这里可以看到eslint的安装路径，和eslint.js的位置

　　

 

step3：创建一个.eslintrc文件，放在你项目的根目录下，( https://github.com/eslint/eslint )不知道怎么弄的可以到github下载一个，配置成你想要的样子就行，官网上也详细讲了规则

　　{
        "extends": "eslint:recommended",
        "env":{
          "node":true,
          "es6":true
        },
        "rules": {
            "semi": ["error", "always"],
            "quotes": "off",
            "no-console":"off",
            "no-unused-vars":"off",
            "no-unreachable":"off",
            "no-redeclare":"warn"
        }
    }

• 可选配置,让eslint忽略检测的文件 .eslintignore 配置规则与 .gitignore 一样

　　#井号是注释  根据自己的项目需要进行忽略
　　# 如果 .eslintrc 开启了 env  nodejs 那么 默认 node_modules是自动忽略的
　　node_modules
　　/node_modules/**
　　*.sh
　　game-server/web-server
　　game-server/web-server/**
　　tools
　　tools/**
　　test
　　test/**
　　game-server/purchase-server/lib/seedrandom.js
　　game-server/app/staticData/data/temp/*.js

step4：打开webstorm,启用eslint，并配置eslint的package目录

　　选择File | Settings | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint 勾选 Enable
　　
　　因为我的项目放在了E盘，所以eslint package默认也是在E盘，当时安装的时候却安装在C盘，所以这里也要更改一下，确定后重启一下webstorm就可以用啦。

如需要手动检查所有代码的问题 ,可以打开 webstorm的 terminal,

输入 eslint .

如需要自动修复一些不规范的代码问题 ,例如 没有分号的问题,可以

输入 eslint . --fix