在開(kāi)發(fā)React項(xiàng)目時(shí)，很多人會(huì)選擇使用eslint進(jìn)行代碼檢查。而在eslint中，常用的配置文件就是eslint.json。在這篇文章中，我們將介紹幾個(gè)常用的eslint.json配置。

{
"extends": "eslint:recommended",
"parser": "babel-eslint",
"rules": {
"semi": [2, "always"],
"no-console": 0
}
}

1. extends

extends用來(lái)繼承其他的eslint配置，這樣我們就不需要手動(dòng)添加規(guī)則，只需要在extends中添加對(duì)應(yīng)的配置文件即可。

"extends": "eslint:recommended"

在上面的例子中，我們使用了eslint推薦的規(guī)則。

2. parser

parser用于指定代碼的解析器，eslint會(huì)根據(jù)解析器的語(yǔ)法規(guī)范來(lái)進(jìn)行代碼檢測(cè)。

"parser": "babel-eslint"

在上面的例子中，我們使用了babel-eslint解析器。

3. rules

rules用于設(shè)置具體的eslint規(guī)則，比如說(shuō)我們可以禁止使用console。

"no-console": 0

在上面的例子中，我們?cè)O(shè)置了no-console規(guī)則，0代表不禁止使用console。

4. 綜合使用

{
"extends": "eslint:recommended",
"parser": "babel-eslint",
"rules": {
"semi": [2, "always"],
"no-console": 2,
"react/jsx-uses-vars": 2,
"react/jsx-uses-react": 2,
"react/react-in-jsx-scope": 2
}
}

在上面的例子中，我們同時(shí)使用了extends、parser和rules，其中rules設(shè)置了一些react相關(guān)的規(guī)則。

總結(jié)

eslint.json配置文件是非常重要的，通過(guò)合理的配置能夠幫助我們規(guī)范代碼。本文介紹了eslint.json的一些常用配置，希望能夠?qū)Υ蠹矣兴鶐椭?/p>