你知道怎么在react 中配置ESLint 吗?

怎么在react 中配置 ESLint?

前言

说起 ESLint,想必大家的心情都是比较复杂的,又爱又恨。为啥呢?因为开启 ESLint 之后,它可以在我们写代码的时候,可以帮我们极大程度上按照指定的规则去规范我们的代码,尤其是在项目团队开发的时候(最好是在项目初期就开始使用),这个好处尤其显著。但是他也有一个弊端,在代码还没有写完的时候,他会各种飘红,有的小伙伴看到满屏的飘红就会有点慌了。其实这并不是因为你的代码写错了,因为 ESLint 他是随时检测的,等代码全部都写完就好了。

想必用过react的各位应该都知道,我们之前使用 vue,脚手架是会自动帮我们集成ESLint 让我们去选择的,但是react 没有帮我们集成,所以需要我们自己配置。
那么配置ESLint 我们都需要准备什么呢?

1、下包

npm i eslint -D
或者
yarn add  eslint

2、配置 ESlint

 
 

你可能感兴趣的:(前端,react)