在creat-react-app中配置ESlint(IDE为webstrom)

creat-react-app默认将所有配置信息全部隐藏了起来,首先需要将配置文件“吐出”:

npm run eject:这个命令是将由create-react-app创建的项目的配置文件显示出来,这样就可以由开发者自定义配置信息了。注意这个过程是不可逆的,也就是说执行了这个命令之后,配置信息就一直是显式的,不可以再隐藏起来了。

这时候可以看到packge.json最后有一个这样的配置:

在creat-react-app中配置ESlint(IDE为webstrom)_第1张图片
image.png

将这个配置信息从packge.json中删除,然后再项目根目录下新建一个 .eslintrc文件,文件内容为:

{
  "extends": "react-app"
}

第三步就需要开启webstrom对于ESLint的支持了:
File --> Setting然后搜索ESlint

在creat-react-app中配置ESlint(IDE为webstrom)_第2张图片
image.png

这样就开启了webstrom对于ESlint的支持了。

你可能感兴趣的:(在creat-react-app中配置ESlint(IDE为webstrom))