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