對(duì)這篇博文 Lint Like It’s 2015 進(jìn)行壓縮。

原由：sublime text3 配置jsxhint不成功，然后在SublimeLinter-jsxhint找到

Use ESLint and SublimeLinter-ESLint instead, which gives better errors and has fewer problems with ES6.
JSXHint has been deprecated.

已經(jīng)是不推薦使用 SublimeLinter-jsxhint，而是改成了 ESLint。

1. Installing eslint and babel-eslint
   在home目錄(windows下即為：c:\usrs\用戶名 )下新建 .eslintrc(如果是windows可以用 Cygwin 建立) ，這是eslint的配置文件，并添加以下內(nèi)容：

{
  // I want to use babel-eslint for parsing!
  "parser": "babel-eslint",
  "env": {
    // I write for browser
    "browser": true,
    // in CommonJS
    "node": true
  },
  // To give you an idea how to override rule options:
  "rules": {
    "quotes": [2, "single"],
    "eol-last": [0],
    "no-mixed-requires": [0],
    "no-underscore-dangle": [0]
  }
}

在終端(terminal或是 cmd ,前提安裝了node.js)中進(jìn)行安裝：

npm uninstall -g eslint #安裝前把以前的eslint刪除
npm install -g eslint@latest
npm install -g babel-eslint@latest

耐心等待完成，然后進(jìn)行驗(yàn)證是否安裝成功：

eslint -v

顯示版本則為安裝成功。

2.配置sublime text3

• 安裝插件 SublimeLinter(eslint的依賴插件)
• 安裝插件 SublimeLinter-contrib-eslint（這里建議把SublimeLinter-jshint 與 **SublimeLinter-jsxhint ** 刪除）
• 安裝插件 babel-sublime,并設(shè)置打開(kāi)默認(rèn)為 “JavaScript (Babel)” , 這里 contrib-eslint 會(huì)進(jìn)行識(shí)別
• syntax_map，即 SublimeLinter Settings?—?User（如果沒(méi)有這個(gè)文件，可以將defalut下的配置復(fù)制到user中）如下：

Paste_Image.png

• eslint-plugin-react,這個(gè)插件可以例ESLint識(shí)別 React JSX，在先前的 .eslintrc中添加

"plugins":[
"react"
]

• （可選）**Choose Lint Mode **command

Paste_Image.png

最終效果： oceanic-next-theme

Paste_Image.png

如果配置完成但是提示，無(wú)法加載 eslint ,請(qǐng)配置 set default,設(shè)置它的path.