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